@mittwald/flow-react-components 0.2.0-alpha.1032 → 0.2.0-alpha.1034

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

@@ -1 +1 @@
-{"version":3,"file":"IncrementalLoader.mjs","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"],"names":[],"mappings":"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"}
+{"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":"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"}

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

@@ -1,99 +1,90 @@
 "use client"
 /* */
-import useSelector from '../../../../lib/mobx/useSelector.mjs';
-import { makeObservable, action, observable, computed } from 'mobx';
-import { useStatic } from '../../../../lib/hooks/useStatic.mjs';
-import { uniqueBy } from 'remeda';
-
-class IncrementalLoaderState {
-  dataBatches = [];
-  prevDataBatches = [];
-  batchLoadingStates = ["void"];
-  metadata = void 0;
-  list;
-  isInitiallyLoading = true;
-  constructor(list) {
-    this.list = list;
-    makeObservable(this, {
-      prevDataBatches: false,
-      useMergedData: false,
-      useIsLoading: false,
-      useIsLoadingMore: false,
-      dataBatches: observable.shallow,
-      batchLoadingStates: observable.shallow,
-      metadata: observable,
-      mergedData: computed,
-      isLoading: computed,
-      isLoadingMore: computed,
-      isInitiallyLoading: observable,
-      setIsInitiallyLoading: action.bound,
-      reset: action.bound,
-      setDataBatch: action.bound,
-      setBatchLoadingState: action.bound,
-      setMetadata: action.bound
-    });
-  }
-  static useNew(list) {
-    return useStatic(() => new IncrementalLoaderState(list));
-  }
-  reset() {
-    this.batchLoadingStates = [];
-    this.dataBatches = [];
-  }
-  setDataBatch(index, data) {
-    if (this.dataBatches.length === 0) {
-      this.prevDataBatches = [];
-    }
-    if (this.dataBatches[index] !== data) {
-      this.dataBatches[index] = data;
-      this.prevDataBatches[index] = data;
-    }
-  }
-  setBatchLoadingState(index, state) {
-    if (state === "error" || state === "loaded") {
-      this.setIsInitiallyLoading(false);
-    }
-    if (this.batchLoadingStates[index] !== state) {
-      this.batchLoadingStates[index] = state;
-    }
-  }
-  setMetadata(metadata) {
-    this.metadata = metadata;
-  }
-  setIsInitiallyLoading(isInitiallyLoading) {
-    this.isInitiallyLoading = isInitiallyLoading;
-  }
-  get mergedData() {
-    const dataBatches = this.dataBatches.length === 0 ? this.prevDataBatches : this.dataBatches;
-    const merged = dataBatches.flatMap((d) => d);
-    if (this.list.getItemId) {
-      return uniqueBy(merged, this.list.getItemId);
-    } else {
-      return merged;
-    }
-  }
-  useMergedData() {
-    return useSelector(() => this.mergedData, [this.prevDataBatches]);
-  }
-  get isLoading() {
-    return this.batchLoadingStates.some((s) => s === "loading" || s === "void");
-  }
-  useIsLoading() {
-    return useSelector(() => this.isLoading);
-  }
-  get isLoadingMore() {
-    return this.isLoading && this.dataBatches.length > 0;
-  }
-  useIsLoadingMore() {
-    return useSelector(() => this.isLoadingMore);
-  }
-  useIsInitiallyLoading() {
-    return useSelector(() => this.isInitiallyLoading);
-  }
-  isBatchLoaded(batchIndex) {
-    return batchIndex in this.dataBatches;
-  }
-}
-
+import useSelector from "../../../../lib/mobx/useSelector.mjs";
+import { useStatic } from "../../../../lib/hooks/useStatic.mjs";
+import { uniqueBy } from "remeda";
+import { action, computed, makeObservable, observable } from "mobx";
+//#region src/components/List/model/loading/IncrementalLoaderState.ts
+var IncrementalLoaderState = class IncrementalLoaderState {
+	dataBatches = [];
+	prevDataBatches = [];
+	batchLoadingStates = ["void"];
+	metadata = void 0;
+	list;
+	isInitiallyLoading = true;
+	constructor(list) {
+		this.list = list;
+		makeObservable(this, {
+			prevDataBatches: false,
+			useMergedData: false,
+			useIsLoading: false,
+			useIsLoadingMore: false,
+			dataBatches: observable.shallow,
+			batchLoadingStates: observable.shallow,
+			metadata: observable,
+			mergedData: computed,
+			isLoading: computed,
+			isLoadingMore: computed,
+			isInitiallyLoading: observable,
+			setIsInitiallyLoading: action.bound,
+			reset: action.bound,
+			setDataBatch: action.bound,
+			setBatchLoadingState: action.bound,
+			setMetadata: action.bound
+		});
+	}
+	static useNew(list) {
+		return useStatic(() => new IncrementalLoaderState(list));
+	}
+	reset() {
+		this.batchLoadingStates = [];
+		this.dataBatches = [];
+	}
+	setDataBatch(index, data) {
+		if (this.dataBatches.length === 0) this.prevDataBatches = [];
+		if (this.dataBatches[index] !== data) {
+			this.dataBatches[index] = data;
+			this.prevDataBatches[index] = data;
+		}
+	}
+	setBatchLoadingState(index, state) {
+		if (state === "error" || state === "loaded") this.setIsInitiallyLoading(false);
+		if (this.batchLoadingStates[index] !== state) this.batchLoadingStates[index] = state;
+	}
+	setMetadata(metadata) {
+		this.metadata = metadata;
+	}
+	setIsInitiallyLoading(isInitiallyLoading) {
+		this.isInitiallyLoading = isInitiallyLoading;
+	}
+	get mergedData() {
+		const merged = (this.dataBatches.length === 0 ? this.prevDataBatches : this.dataBatches).flatMap((d) => d);
+		if (this.list.getItemId) return uniqueBy(merged, this.list.getItemId);
+		else return merged;
+	}
+	useMergedData() {
+		return useSelector(() => this.mergedData, [this.prevDataBatches]);
+	}
+	get isLoading() {
+		return this.batchLoadingStates.some((s) => s === "loading" || s === "void");
+	}
+	useIsLoading() {
+		return useSelector(() => this.isLoading);
+	}
+	get isLoadingMore() {
+		return this.isLoading && this.dataBatches.length > 0;
+	}
+	useIsLoadingMore() {
+		return useSelector(() => this.isLoadingMore);
+	}
+	useIsInitiallyLoading() {
+		return useSelector(() => this.isInitiallyLoading);
+	}
+	isBatchLoaded(batchIndex) {
+		return batchIndex in this.dataBatches;
+	}
+};
+//#endregion
 export { IncrementalLoaderState };
-//# sourceMappingURL=IncrementalLoaderState.mjs.map
+
+//# sourceMappingURL=IncrementalLoaderState.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"IncrementalLoaderState.mjs","sources":["../../../../../../../../../src/components/List/model/loading/IncrementalLoaderState.ts"],"sourcesContent":["import type { ListData } from \"@/components/List/model/loading/types\";\nimport useSelector from \"@/lib/mobx/useSelector\";\nimport type { AsyncResource } from \"@mittwald/react-use-promise\";\nimport { action, computed, makeObservable, observable } from \"mobx\";\nimport { useStatic } from \"@/lib/hooks/useStatic\";\nimport type List from \"@/components/List/model/List\";\nimport { uniqueBy } from \"remeda\";\n\ntype AsyncResourceLoadingState = AsyncResource[\"state\"][\"value\"];\ntype DataBatches<T> = ListData<T>[];\ntype BatchesLoadingState = AsyncResourceLoadingState[];\n\nexport class IncrementalLoaderState<T> {\n  public dataBatches: DataBatches<T> = [];\n  public prevDataBatches: DataBatches<T> = [];\n  public batchLoadingStates: BatchesLoadingState = [\"void\"];\n  public metadata?: unknown = undefined;\n  public readonly list: List<T>;\n  public isInitiallyLoading = true;\n\n  private constructor(list: List<T>) {\n    this.list = list;\n    makeObservable(this, {\n      prevDataBatches: false,\n      useMergedData: false,\n      useIsLoading: false,\n      useIsLoadingMore: false,\n      dataBatches: observable.shallow,\n      batchLoadingStates: observable.shallow,\n      metadata: observable,\n      mergedData: computed,\n      isLoading: computed,\n      isLoadingMore: computed,\n      isInitiallyLoading: observable,\n      setIsInitiallyLoading: action.bound,\n      reset: action.bound,\n      setDataBatch: action.bound,\n      setBatchLoadingState: action.bound,\n      setMetadata: action.bound,\n    });\n  }\n\n  public static useNew<T>(list: List<T>): IncrementalLoaderState<T> {\n    return useStatic(() => new IncrementalLoaderState<T>(list));\n  }\n\n  public reset(): void {\n    this.batchLoadingStates = [];\n    this.dataBatches = [];\n  }\n\n  public setDataBatch(index: number, data: ListData<T>): void {\n    if (this.dataBatches.length === 0) {\n      this.prevDataBatches = [];\n    }\n\n    if (this.dataBatches[index] !== data) {\n      this.dataBatches[index] = data;\n      this.prevDataBatches[index] = data;\n    }\n  }\n\n  public setBatchLoadingState(\n    index: number,\n    state: AsyncResourceLoadingState,\n  ): void {\n    if (state === \"error\" || state === \"loaded\") {\n      this.setIsInitiallyLoading(false);\n    }\n    if (this.batchLoadingStates[index] !== state) {\n      this.batchLoadingStates[index] = state;\n    }\n  }\n\n  public setMetadata(metadata?: unknown): void {\n    this.metadata = metadata;\n  }\n\n  public setIsInitiallyLoading(isInitiallyLoading: boolean): void {\n    this.isInitiallyLoading = isInitiallyLoading;\n  }\n\n  public get mergedData(): T[] {\n    const dataBatches =\n      this.dataBatches.length === 0 ? this.prevDataBatches : this.dataBatches;\n\n    const merged = dataBatches.flatMap((d) => d);\n    if (this.list.getItemId) {\n      return uniqueBy(merged, this.list.getItemId);\n    } else {\n      return merged;\n    }\n  }\n\n  public useMergedData(): T[] {\n    return useSelector(() => this.mergedData, [this.prevDataBatches]);\n  }\n\n  public get isLoading(): boolean {\n    return this.batchLoadingStates.some((s) => s === \"loading\" || s === \"void\");\n  }\n\n  public useIsLoading(): boolean {\n    return useSelector(() => this.isLoading);\n  }\n\n  public get isLoadingMore(): boolean {\n    return this.isLoading && this.dataBatches.length > 0;\n  }\n\n  public useIsLoadingMore(): boolean {\n    return useSelector(() => this.isLoadingMore);\n  }\n\n  public useIsInitiallyLoading(): boolean {\n    return useSelector(() => this.isInitiallyLoading);\n  }\n\n  public isBatchLoaded(batchIndex: number) {\n    return batchIndex in this.dataBatches;\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"IncrementalLoaderState.mjs","names":[],"sources":["../../../../../../../../../src/components/List/model/loading/IncrementalLoaderState.ts"],"sourcesContent":["import type { ListData } from \"@/components/List/model/loading/types\";\nimport useSelector from \"@/lib/mobx/useSelector\";\nimport type { AsyncResource } from \"@mittwald/react-use-promise\";\nimport { action, computed, makeObservable, observable } from \"mobx\";\nimport { useStatic } from \"@/lib/hooks/useStatic\";\nimport type List from \"@/components/List/model/List\";\nimport { uniqueBy } from \"remeda\";\n\ntype AsyncResourceLoadingState = AsyncResource[\"state\"][\"value\"];\ntype DataBatches<T> = ListData<T>[];\ntype BatchesLoadingState = AsyncResourceLoadingState[];\n\nexport class IncrementalLoaderState<T> {\n  public dataBatches: DataBatches<T> = [];\n  public prevDataBatches: DataBatches<T> = [];\n  public batchLoadingStates: BatchesLoadingState = [\"void\"];\n  public metadata?: unknown = undefined;\n  public readonly list: List<T>;\n  public isInitiallyLoading = true;\n\n  private constructor(list: List<T>) {\n    this.list = list;\n    makeObservable(this, {\n      prevDataBatches: false,\n      useMergedData: false,\n      useIsLoading: false,\n      useIsLoadingMore: false,\n      dataBatches: observable.shallow,\n      batchLoadingStates: observable.shallow,\n      metadata: observable,\n      mergedData: computed,\n      isLoading: computed,\n      isLoadingMore: computed,\n      isInitiallyLoading: observable,\n      setIsInitiallyLoading: action.bound,\n      reset: action.bound,\n      setDataBatch: action.bound,\n      setBatchLoadingState: action.bound,\n      setMetadata: action.bound,\n    });\n  }\n\n  public static useNew<T>(list: List<T>): IncrementalLoaderState<T> {\n    return useStatic(() => new IncrementalLoaderState<T>(list));\n  }\n\n  public reset(): void {\n    this.batchLoadingStates = [];\n    this.dataBatches = [];\n  }\n\n  public setDataBatch(index: number, data: ListData<T>): void {\n    if (this.dataBatches.length === 0) {\n      this.prevDataBatches = [];\n    }\n\n    if (this.dataBatches[index] !== data) {\n      this.dataBatches[index] = data;\n      this.prevDataBatches[index] = data;\n    }\n  }\n\n  public setBatchLoadingState(\n    index: number,\n    state: AsyncResourceLoadingState,\n  ): void {\n    if (state === \"error\" || state === \"loaded\") {\n      this.setIsInitiallyLoading(false);\n    }\n    if (this.batchLoadingStates[index] !== state) {\n      this.batchLoadingStates[index] = state;\n    }\n  }\n\n  public setMetadata(metadata?: unknown): void {\n    this.metadata = metadata;\n  }\n\n  public setIsInitiallyLoading(isInitiallyLoading: boolean): void {\n    this.isInitiallyLoading = isInitiallyLoading;\n  }\n\n  public get mergedData(): T[] {\n    const dataBatches =\n      this.dataBatches.length === 0 ? this.prevDataBatches : this.dataBatches;\n\n    const merged = dataBatches.flatMap((d) => d);\n    if (this.list.getItemId) {\n      return uniqueBy(merged, this.list.getItemId);\n    } else {\n      return merged;\n    }\n  }\n\n  public useMergedData(): T[] {\n    return useSelector(() => this.mergedData, [this.prevDataBatches]);\n  }\n\n  public get isLoading(): boolean {\n    return this.batchLoadingStates.some((s) => s === \"loading\" || s === \"void\");\n  }\n\n  public useIsLoading(): boolean {\n    return useSelector(() => this.isLoading);\n  }\n\n  public get isLoadingMore(): boolean {\n    return this.isLoading && this.dataBatches.length > 0;\n  }\n\n  public useIsLoadingMore(): boolean {\n    return useSelector(() => this.isLoadingMore);\n  }\n\n  public useIsInitiallyLoading(): boolean {\n    return useSelector(() => this.isInitiallyLoading);\n  }\n\n  public isBatchLoaded(batchIndex: number) {\n    return batchIndex in this.dataBatches;\n  }\n}\n"],"mappings":";;;;;;;AAYA,IAAa,yBAAb,MAAa,uBAA0B;CACrC,cAAqC,CAAC;CACtC,kBAAyC,CAAC;CAC1C,qBAAiD,CAAC,MAAM;CACxD,WAA4B,KAAA;CAC5B;CACA,qBAA4B;CAE5B,YAAoB,MAAe;EACjC,KAAK,OAAO;EACZ,eAAe,MAAM;GACnB,iBAAiB;GACjB,eAAe;GACf,cAAc;GACd,kBAAkB;GAClB,aAAa,WAAW;GACxB,oBAAoB,WAAW;GAC/B,UAAU;GACV,YAAY;GACZ,WAAW;GACX,eAAe;GACf,oBAAoB;GACpB,uBAAuB,OAAO;GAC9B,OAAO,OAAO;GACd,cAAc,OAAO;GACrB,sBAAsB,OAAO;GAC7B,aAAa,OAAO;EACtB,CAAC;CACH;CAEA,OAAc,OAAU,MAA0C;EAChE,OAAO,gBAAgB,IAAI,uBAA0B,IAAI,CAAC;CAC5D;CAEA,QAAqB;EACnB,KAAK,qBAAqB,CAAC;EAC3B,KAAK,cAAc,CAAC;CACtB;CAEA,aAAoB,OAAe,MAAyB;EAC1D,IAAI,KAAK,YAAY,WAAW,GAC9B,KAAK,kBAAkB,CAAC;EAG1B,IAAI,KAAK,YAAY,WAAW,MAAM;GACpC,KAAK,YAAY,SAAS;GAC1B,KAAK,gBAAgB,SAAS;EAChC;CACF;CAEA,qBACE,OACA,OACM;EACN,IAAI,UAAU,WAAW,UAAU,UACjC,KAAK,sBAAsB,KAAK;EAElC,IAAI,KAAK,mBAAmB,WAAW,OACrC,KAAK,mBAAmB,SAAS;CAErC;CAEA,YAAmB,UAA0B;EAC3C,KAAK,WAAW;CAClB;CAEA,sBAA6B,oBAAmC;EAC9D,KAAK,qBAAqB;CAC5B;CAEA,IAAW,aAAkB;EAI3B,MAAM,UAFJ,KAAK,YAAY,WAAW,IAAI,KAAK,kBAAkB,KAAK,YAAA,CAEnC,SAAS,MAAM,CAAC;EAC3C,IAAI,KAAK,KAAK,WACZ,OAAO,SAAS,QAAQ,KAAK,KAAK,SAAS;OAE3C,OAAO;CAEX;CAEA,gBAA4B;EAC1B,OAAO,kBAAkB,KAAK,YAAY,CAAC,KAAK,eAAe,CAAC;CAClE;CAEA,IAAW,YAAqB;EAC9B,OAAO,KAAK,mBAAmB,MAAM,MAAM,MAAM,aAAa,MAAM,MAAM;CAC5E;CAEA,eAA+B;EAC7B,OAAO,kBAAkB,KAAK,SAAS;CACzC;CAEA,IAAW,gBAAyB;EAClC,OAAO,KAAK,aAAa,KAAK,YAAY,SAAS;CACrD;CAEA,mBAAmC;EACjC,OAAO,kBAAkB,KAAK,aAAa;CAC7C;CAEA,wBAAwC;EACtC,OAAO,kBAAkB,KAAK,kBAAkB;CAClD;CAEA,cAAqB,YAAoB;EACvC,OAAO,cAAc,KAAK;CAC5B;AACF"}

package/dist/js/packages/components/src/components/List/model/pagination/BatchesController.mjs

@@ -1,63 +1,58 @@
 "use client"
 /* */
-class BatchesController {
-  batchSize;
-  list;
-  constructor(list, shape = {}) {
-    const { batchSize = 20 } = shape;
-    this.list = list;
-    this.batchSize = batchSize;
-    list.filters.forEach((f) => f.onFilterUpdated(() => this.reset()));
-    list.search?.onUpdated(() => this.reset());
-  }
-  get reactTable() {
-    return this.list.reactTable.table;
-  }
-  getBatchIndex() {
-    return this.reactTable.getState().pagination.pageIndex;
-  }
-  hasNextBatch() {
-    if (this.list.loader.manualPagination) {
-      return this.reactTable.getCanNextPage();
-    }
-    return this.reactTable.getState().pagination.pageSize < this.getTotalItemsCount();
-  }
-  getTotalItemsCount() {
-    if (this.list.loader.manualPagination) {
-      return this.reactTable.getRowCount();
-    }
-    return this.reactTable.getFilteredRowModel().rows.length;
-  }
-  getVisibleItemsCount() {
-    return this.reactTable.getRowModel().rows.length ?? 0;
-  }
-  updateItemTotalCount(value) {
-    this.reactTable.setOptions((s) => ({
-      ...s,
-      rowCount: value
-    }));
-  }
-  reset() {
-    if (this.list.loader.manualFiltering) {
-      this.updateItemTotalCount(0);
-    }
-    this.reactTable.setPagination(() => ({
-      pageIndex: 0,
-      pageSize: this.batchSize
-    }));
-  }
-  nextBatch() {
-    if (this.list.loader.manualPagination) {
-      this.reactTable.nextPage();
-    } else {
-      const newSize = this.reactTable.getState().pagination.pageSize + this.batchSize;
-      this.reactTable.setPagination((prev) => ({
-        ...prev,
-        pageSize: newSize
-      }));
-    }
-  }
-}
-
+//#region src/components/List/model/pagination/BatchesController.ts
+var BatchesController = class {
+	batchSize;
+	list;
+	constructor(list, shape = {}) {
+		const { batchSize = 20 } = shape;
+		this.list = list;
+		this.batchSize = batchSize;
+		list.filters.forEach((f) => f.onFilterUpdated(() => this.reset()));
+		list.search?.onUpdated(() => this.reset());
+	}
+	get reactTable() {
+		return this.list.reactTable.table;
+	}
+	getBatchIndex() {
+		return this.reactTable.getState().pagination.pageIndex;
+	}
+	hasNextBatch() {
+		if (this.list.loader.manualPagination) return this.reactTable.getCanNextPage();
+		return this.reactTable.getState().pagination.pageSize < this.getTotalItemsCount();
+	}
+	getTotalItemsCount() {
+		if (this.list.loader.manualPagination) return this.reactTable.getRowCount();
+		return this.reactTable.getFilteredRowModel().rows.length;
+	}
+	getVisibleItemsCount() {
+		return this.reactTable.getRowModel().rows.length ?? 0;
+	}
+	updateItemTotalCount(value) {
+		this.reactTable.setOptions((s) => ({
+			...s,
+			rowCount: value
+		}));
+	}
+	reset() {
+		if (this.list.loader.manualFiltering) this.updateItemTotalCount(0);
+		this.reactTable.setPagination(() => ({
+			pageIndex: 0,
+			pageSize: this.batchSize
+		}));
+	}
+	nextBatch() {
+		if (this.list.loader.manualPagination) this.reactTable.nextPage();
+		else {
+			const newSize = this.reactTable.getState().pagination.pageSize + this.batchSize;
+			this.reactTable.setPagination((prev) => ({
+				...prev,
+				pageSize: newSize
+			}));
+		}
+	}
+};
+//#endregion
 export { BatchesController };
-//# sourceMappingURL=BatchesController.mjs.map
+
+//# sourceMappingURL=BatchesController.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"BatchesController.mjs","sources":["../../../../../../../../../src/components/List/model/pagination/BatchesController.ts"],"sourcesContent":["import type List from \"@/components/List/model/List\";\nimport type { BatchesControllerShape } from \"@/components/List/model/pagination/types\";\nimport type { Table } from \"@tanstack/react-table\";\n\nexport class BatchesController<T> {\n  public readonly batchSize: number;\n  private readonly list: List<T>;\n\n  public constructor(list: List<T>, shape: BatchesControllerShape = {}) {\n    const { batchSize = 20 } = shape;\n\n    this.list = list;\n    this.batchSize = batchSize;\n    list.filters.forEach((f) => f.onFilterUpdated(() => this.reset()));\n    list.search?.onUpdated(() => this.reset());\n  }\n\n  private get reactTable(): Table<T> {\n    return this.list.reactTable.table;\n  }\n\n  public getBatchIndex(): number {\n    return this.reactTable.getState().pagination.pageIndex;\n  }\n\n  public hasNextBatch(): boolean {\n    if (this.list.loader.manualPagination) {\n      return this.reactTable.getCanNextPage();\n    }\n    return (\n      this.reactTable.getState().pagination.pageSize < this.getTotalItemsCount()\n    );\n  }\n\n  public getTotalItemsCount(): number {\n    if (this.list.loader.manualPagination) {\n      return this.reactTable.getRowCount();\n    }\n    return this.reactTable.getFilteredRowModel().rows.length;\n  }\n\n  public getVisibleItemsCount(): number {\n    return this.reactTable.getRowModel().rows.length ?? 0;\n  }\n\n  public updateItemTotalCount(value: number): void {\n    this.reactTable.setOptions((s) => ({\n      ...s,\n      rowCount: value,\n    }));\n  }\n\n  public reset(): void {\n    if (this.list.loader.manualFiltering) {\n      this.updateItemTotalCount(0);\n    }\n    this.reactTable.setPagination(() => ({\n      pageIndex: 0,\n      pageSize: this.batchSize,\n    }));\n  }\n\n  public nextBatch(): void {\n    if (this.list.loader.manualPagination) {\n      this.reactTable.nextPage();\n    } else {\n      const newSize =\n        this.reactTable.getState().pagination.pageSize + this.batchSize;\n\n      this.reactTable.setPagination((prev) => ({\n        ...prev,\n        pageSize: newSize,\n      }));\n    }\n  }\n}\n"],"names":[],"mappings":"AAIO,MAAM,iBAAA,CAAqB;AAAA,EAChB,SAAA;AAAA,EACC,IAAA;AAAA,EAEV,WAAA,CAAY,IAAA,EAAe,KAAA,GAAgC,EAAC,EAAG;AACpE,IAAA,MAAM,EAAE,SAAA,GAAY,EAAA,EAAG,GAAI,KAAA;AAE3B,IAAA,IAAA,CAAK,IAAA,GAAO,IAAA;AACZ,IAAA,IAAA,CAAK,SAAA,GAAY,SAAA;AACjB,IAAA,IAAA,CAAK,OAAA,CAAQ,OAAA,CAAQ,CAAC,CAAA,KAAM,CAAA,CAAE,gBAAgB,MAAM,IAAA,CAAK,KAAA,EAAO,CAAC,CAAA;AACjE,IAAA,IAAA,CAAK,MAAA,EAAQ,SAAA,CAAU,MAAM,IAAA,CAAK,OAAO,CAAA;AAAA,EAC3C;AAAA,EAEA,IAAY,UAAA,GAAuB;AACjC,IAAA,OAAO,IAAA,CAAK,KAAK,UAAA,CAAW,KAAA;AAAA,EAC9B;AAAA,EAEO,aAAA,GAAwB;AAC7B,IAAA,OAAO,IAAA,CAAK,UAAA,CAAW,QAAA,EAAS,CAAE,UAAA,CAAW,SAAA;AAAA,EAC/C;AAAA,EAEO,YAAA,GAAwB;AAC7B,IAAA,IAAI,IAAA,CAAK,IAAA,CAAK,MAAA,CAAO,gBAAA,EAAkB;AACrC,MAAA,OAAO,IAAA,CAAK,WAAW,cAAA,EAAe;AAAA,IACxC;AACA,IAAA,OACE,KAAK,UAAA,CAAW,QAAA,GAAW,UAAA,CAAW,QAAA,GAAW,KAAK,kBAAA,EAAmB;AAAA,EAE7E;AAAA,EAEO,kBAAA,GAA6B;AAClC,IAAA,IAAI,IAAA,CAAK,IAAA,CAAK,MAAA,CAAO,gBAAA,EAAkB;AACrC,MAAA,OAAO,IAAA,CAAK,WAAW,WAAA,EAAY;AAAA,IACrC;AACA,IAAA,OAAO,IAAA,CAAK,UAAA,CAAW,mBAAA,EAAoB,CAAE,IAAA,CAAK,MAAA;AAAA,EACpD;AAAA,EAEO,oBAAA,GAA+B;AACpC,IAAA,OAAO,IAAA,CAAK,UAAA,CAAW,WAAA,EAAY,CAAE,KAAK,MAAA,IAAU,CAAA;AAAA,EACtD;AAAA,EAEO,qBAAqB,KAAA,EAAqB;AAC/C,IAAA,IAAA,CAAK,UAAA,CAAW,UAAA,CAAW,CAAC,CAAA,MAAO;AAAA,MACjC,GAAG,CAAA;AAAA,MACH,QAAA,EAAU;AAAA,KACZ,CAAE,CAAA;AAAA,EACJ;AAAA,EAEO,KAAA,GAAc;AACnB,IAAA,IAAI,IAAA,CAAK,IAAA,CAAK,MAAA,CAAO,eAAA,EAAiB;AACpC,MAAA,IAAA,CAAK,qBAAqB,CAAC,CAAA;AAAA,IAC7B;AACA,IAAA,IAAA,CAAK,UAAA,CAAW,cAAc,OAAO;AAAA,MACnC,SAAA,EAAW,CAAA;AAAA,MACX,UAAU,IAAA,CAAK;AAAA,KACjB,CAAE,CAAA;AAAA,EACJ;AAAA,EAEO,SAAA,GAAkB;AACvB,IAAA,IAAI,IAAA,CAAK,IAAA,CAAK,MAAA,CAAO,gBAAA,EAAkB;AACrC,MAAA,IAAA,CAAK,WAAW,QAAA,EAAS;AAAA,IAC3B,CAAA,MAAO;AACL,MAAA,MAAM,UACJ,IAAA,CAAK,UAAA,CAAW,UAAS,CAAE,UAAA,CAAW,WAAW,IAAA,CAAK,SAAA;AAExD,MAAA,IAAA,CAAK,UAAA,CAAW,aAAA,CAAc,CAAC,IAAA,MAAU;AAAA,QACvC,GAAG,IAAA;AAAA,QACH,QAAA,EAAU;AAAA,OACZ,CAAE,CAAA;AAAA,IACJ;AAAA,EACF;AACF;;;;"}
+{"version":3,"file":"BatchesController.mjs","names":[],"sources":["../../../../../../../../../src/components/List/model/pagination/BatchesController.ts"],"sourcesContent":["import type List from \"@/components/List/model/List\";\nimport type { BatchesControllerShape } from \"@/components/List/model/pagination/types\";\nimport type { Table } from \"@tanstack/react-table\";\n\nexport class BatchesController<T> {\n  public readonly batchSize: number;\n  private readonly list: List<T>;\n\n  public constructor(list: List<T>, shape: BatchesControllerShape = {}) {\n    const { batchSize = 20 } = shape;\n\n    this.list = list;\n    this.batchSize = batchSize;\n    list.filters.forEach((f) => f.onFilterUpdated(() => this.reset()));\n    list.search?.onUpdated(() => this.reset());\n  }\n\n  private get reactTable(): Table<T> {\n    return this.list.reactTable.table;\n  }\n\n  public getBatchIndex(): number {\n    return this.reactTable.getState().pagination.pageIndex;\n  }\n\n  public hasNextBatch(): boolean {\n    if (this.list.loader.manualPagination) {\n      return this.reactTable.getCanNextPage();\n    }\n    return (\n      this.reactTable.getState().pagination.pageSize < this.getTotalItemsCount()\n    );\n  }\n\n  public getTotalItemsCount(): number {\n    if (this.list.loader.manualPagination) {\n      return this.reactTable.getRowCount();\n    }\n    return this.reactTable.getFilteredRowModel().rows.length;\n  }\n\n  public getVisibleItemsCount(): number {\n    return this.reactTable.getRowModel().rows.length ?? 0;\n  }\n\n  public updateItemTotalCount(value: number): void {\n    this.reactTable.setOptions((s) => ({\n      ...s,\n      rowCount: value,\n    }));\n  }\n\n  public reset(): void {\n    if (this.list.loader.manualFiltering) {\n      this.updateItemTotalCount(0);\n    }\n    this.reactTable.setPagination(() => ({\n      pageIndex: 0,\n      pageSize: this.batchSize,\n    }));\n  }\n\n  public nextBatch(): void {\n    if (this.list.loader.manualPagination) {\n      this.reactTable.nextPage();\n    } else {\n      const newSize =\n        this.reactTable.getState().pagination.pageSize + this.batchSize;\n\n      this.reactTable.setPagination((prev) => ({\n        ...prev,\n        pageSize: newSize,\n      }));\n    }\n  }\n}\n"],"mappings":";;;AAIA,IAAa,oBAAb,MAAkC;CAChC;CACA;CAEA,YAAmB,MAAe,QAAgC,CAAC,GAAG;EACpE,MAAM,EAAE,YAAY,OAAO;EAE3B,KAAK,OAAO;EACZ,KAAK,YAAY;EACjB,KAAK,QAAQ,SAAS,MAAM,EAAE,sBAAsB,KAAK,MAAM,CAAC,CAAC;EACjE,KAAK,QAAQ,gBAAgB,KAAK,MAAM,CAAC;CAC3C;CAEA,IAAY,aAAuB;EACjC,OAAO,KAAK,KAAK,WAAW;CAC9B;CAEA,gBAA+B;EAC7B,OAAO,KAAK,WAAW,SAAS,CAAC,CAAC,WAAW;CAC/C;CAEA,eAA+B;EAC7B,IAAI,KAAK,KAAK,OAAO,kBACnB,OAAO,KAAK,WAAW,eAAe;EAExC,OACE,KAAK,WAAW,SAAS,CAAC,CAAC,WAAW,WAAW,KAAK,mBAAmB;CAE7E;CAEA,qBAAoC;EAClC,IAAI,KAAK,KAAK,OAAO,kBACnB,OAAO,KAAK,WAAW,YAAY;EAErC,OAAO,KAAK,WAAW,oBAAoB,CAAC,CAAC,KAAK;CACpD;CAEA,uBAAsC;EACpC,OAAO,KAAK,WAAW,YAAY,CAAC,CAAC,KAAK,UAAU;CACtD;CAEA,qBAA4B,OAAqB;EAC/C,KAAK,WAAW,YAAY,OAAO;GACjC,GAAG;GACH,UAAU;EACZ,EAAE;CACJ;CAEA,QAAqB;EACnB,IAAI,KAAK,KAAK,OAAO,iBACnB,KAAK,qBAAqB,CAAC;EAE7B,KAAK,WAAW,qBAAqB;GACnC,WAAW;GACX,UAAU,KAAK;EACjB,EAAE;CACJ;CAEA,YAAyB;EACvB,IAAI,KAAK,KAAK,OAAO,kBACnB,KAAK,WAAW,SAAS;OACpB;GACL,MAAM,UACJ,KAAK,WAAW,SAAS,CAAC,CAAC,WAAW,WAAW,KAAK;GAExD,KAAK,WAAW,eAAe,UAAU;IACvC,GAAG;IACH,UAAU;GACZ,EAAE;EACJ;CACF;AACF"}

package/dist/js/packages/components/src/components/List/model/search/Search.mjs

@@ -1,65 +1,58 @@
 "use client"
 /* */
-class Search {
-  list;
-  render;
-  textFieldProps;
-  onUpdateCallbacks = /* @__PURE__ */ new Set();
-  initialValue;
-  defaultValue;
-  autosave;
-  constructor(list, searchShape) {
-    const {
-      autosave = list.settingsStorageDefaults?.search?.autosave ?? false,
-      render,
-      textFieldProps,
-      defaultValue
-    } = searchShape;
-    this.autosave = autosave;
-    this.list = list;
-    this.render = render;
-    this.textFieldProps = textFieldProps;
-    this.defaultValue = defaultValue;
-    this.initialValue = this.getInitialValue();
-  }
-  get value() {
-    return this.list.reactTable.searchString;
-  }
-  get isSet() {
-    return this.value !== void 0;
-  }
-  callOnUpdateCallbacks() {
-    this.onUpdateCallbacks.forEach((cb) => cb());
-  }
-  getInitialValue() {
-    return this.list.settingsStorage?.get("search", { autosave: this.autosave })?.value ?? this.defaultValue;
-  }
-  updateInitialState(initialState) {
-    initialState.globalFilter = this.initialValue;
-  }
-  setValue(value) {
-    if (value === void 0 || value.trim() === "") {
-      if (this.list.reactTable.table.getState().globalFilter) {
-        this.list.reactTable.table.setGlobalFilter(void 0);
-        this.callOnUpdateCallbacks();
-      }
-    } else {
-      this.list.reactTable.table.setGlobalFilter(value);
-      this.callOnUpdateCallbacks();
-    }
-    this.list.settingsStorage?.store(
-      "search",
-      { value },
-      { autosave: this.autosave }
-    );
-  }
-  clear() {
-    this.setValue(void 0);
-  }
-  onUpdated(cb) {
-    this.onUpdateCallbacks.add(cb);
-  }
-}
-
+//#region src/components/List/model/search/Search.ts
+var Search = class {
+	list;
+	render;
+	textFieldProps;
+	onUpdateCallbacks = /* @__PURE__ */ new Set();
+	initialValue;
+	defaultValue;
+	autosave;
+	constructor(list, searchShape) {
+		const { autosave = list.settingsStorageDefaults?.search?.autosave ?? false, render, textFieldProps, defaultValue } = searchShape;
+		this.autosave = autosave;
+		this.list = list;
+		this.render = render;
+		this.textFieldProps = textFieldProps;
+		this.defaultValue = defaultValue;
+		this.initialValue = this.getInitialValue();
+	}
+	get value() {
+		return this.list.reactTable.searchString;
+	}
+	get isSet() {
+		return this.value !== void 0;
+	}
+	callOnUpdateCallbacks() {
+		this.onUpdateCallbacks.forEach((cb) => cb());
+	}
+	getInitialValue() {
+		return this.list.settingsStorage?.get("search", { autosave: this.autosave })?.value ?? this.defaultValue;
+	}
+	updateInitialState(initialState) {
+		initialState.globalFilter = this.initialValue;
+	}
+	setValue(value) {
+		if (value === void 0 || value.trim() === "") {
+			if (this.list.reactTable.table.getState().globalFilter) {
+				this.list.reactTable.table.setGlobalFilter(void 0);
+				this.callOnUpdateCallbacks();
+			}
+		} else {
+			this.list.reactTable.table.setGlobalFilter(value);
+			this.callOnUpdateCallbacks();
+		}
+		this.list.settingsStorage?.store("search", { value }, { autosave: this.autosave });
+	}
+	clear() {
+		this.setValue(void 0);
+	}
+	onUpdated(cb) {
+		this.onUpdateCallbacks.add(cb);
+	}
+};
+//#endregion
 export { Search };
-//# sourceMappingURL=Search.mjs.map
+
+//# sourceMappingURL=Search.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Search.mjs","sources":["../../../../../../../../../src/components/List/model/search/Search.ts"],"sourcesContent":["import type List from \"@/components/List/model/List\";\nimport type {\n  SearchFieldRenderComponent,\n  SearchShape,\n  SearchValue,\n} from \"@/components/List/model/search/types\";\nimport type { InitialTableState } from \"@tanstack/react-table\";\n\nexport class Search<T> {\n  public readonly list: List<T>;\n  public readonly render?: SearchFieldRenderComponent;\n  public readonly textFieldProps: SearchShape<T>[\"textFieldProps\"];\n  private onUpdateCallbacks = new Set<() => unknown>();\n  private readonly initialValue?: string;\n  private readonly defaultValue?: string;\n  private readonly autosave: boolean;\n\n  public constructor(list: List<T>, searchShape: SearchShape<T>) {\n    const {\n      autosave = list.settingsStorageDefaults?.search?.autosave ?? false,\n      render,\n      textFieldProps,\n      defaultValue,\n    } = searchShape;\n\n    this.autosave = autosave;\n    this.list = list;\n    this.render = render;\n    this.textFieldProps = textFieldProps;\n    this.defaultValue = defaultValue;\n\n    this.initialValue = this.getInitialValue();\n  }\n\n  public get value(): SearchValue {\n    return this.list.reactTable.searchString;\n  }\n\n  public get isSet() {\n    return this.value !== undefined;\n  }\n\n  private callOnUpdateCallbacks(): void {\n    this.onUpdateCallbacks.forEach((cb) => cb());\n  }\n\n  private getInitialValue() {\n    return (\n      this.list.settingsStorage?.get(\"search\", { autosave: this.autosave })\n        ?.value ?? this.defaultValue\n    );\n  }\n\n  public updateInitialState(initialState: InitialTableState) {\n    initialState.globalFilter = this.initialValue;\n  }\n\n  public setValue(value: SearchValue): void {\n    if (value === undefined || value.trim() === \"\") {\n      if (this.list.reactTable.table.getState().globalFilter) {\n        this.list.reactTable.table.setGlobalFilter(undefined);\n        this.callOnUpdateCallbacks();\n      }\n    } else {\n      this.list.reactTable.table.setGlobalFilter(value);\n      this.callOnUpdateCallbacks();\n    }\n\n    this.list.settingsStorage?.store(\n      \"search\",\n      { value },\n      { autosave: this.autosave },\n    );\n  }\n\n  public clear(): void {\n    this.setValue(undefined);\n  }\n\n  public onUpdated(cb: () => unknown): void {\n    this.onUpdateCallbacks.add(cb);\n  }\n}\n"],"names":[],"mappings":"AAQO,MAAM,MAAA,CAAU;AAAA,EACL,IAAA;AAAA,EACA,MAAA;AAAA,EACA,cAAA;AAAA,EACR,iBAAA,uBAAwB,GAAA,EAAmB;AAAA,EAClC,YAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EAEV,WAAA,CAAY,MAAe,WAAA,EAA6B;AAC7D,IAAA,MAAM;AAAA,MACJ,QAAA,GAAW,IAAA,CAAK,uBAAA,EAAyB,MAAA,EAAQ,QAAA,IAAY,KAAA;AAAA,MAC7D,MAAA;AAAA,MACA,cAAA;AAAA,MACA;AAAA,KACF,GAAI,WAAA;AAEJ,IAAA,IAAA,CAAK,QAAA,GAAW,QAAA;AAChB,IAAA,IAAA,CAAK,IAAA,GAAO,IAAA;AACZ,IAAA,IAAA,CAAK,MAAA,GAAS,MAAA;AACd,IAAA,IAAA,CAAK,cAAA,GAAiB,cAAA;AACtB,IAAA,IAAA,CAAK,YAAA,GAAe,YAAA;AAEpB,IAAA,IAAA,CAAK,YAAA,GAAe,KAAK,eAAA,EAAgB;AAAA,EAC3C;AAAA,EAEA,IAAW,KAAA,GAAqB;AAC9B,IAAA,OAAO,IAAA,CAAK,KAAK,UAAA,CAAW,YAAA;AAAA,EAC9B;AAAA,EAEA,IAAW,KAAA,GAAQ;AACjB,IAAA,OAAO,KAAK,KAAA,KAAU,MAAA;AAAA,EACxB;AAAA,EAEQ,qBAAA,GAA8B;AACpC,IAAA,IAAA,CAAK,iBAAA,CAAkB,OAAA,CAAQ,CAAC,EAAA,KAAO,IAAI,CAAA;AAAA,EAC7C;AAAA,EAEQ,eAAA,GAAkB;AACxB,IAAA,OACE,IAAA,CAAK,IAAA,CAAK,eAAA,EAAiB,GAAA,CAAI,QAAA,EAAU,EAAE,QAAA,EAAU,IAAA,CAAK,QAAA,EAAU,CAAA,EAChE,KAAA,IAAS,IAAA,CAAK,YAAA;AAAA,EAEtB;AAAA,EAEO,mBAAmB,YAAA,EAAiC;AACzD,IAAA,YAAA,CAAa,eAAe,IAAA,CAAK,YAAA;AAAA,EACnC;AAAA,EAEO,SAAS,KAAA,EAA0B;AACxC,IAAA,IAAI,KAAA,KAAU,MAAA,IAAa,KAAA,CAAM,IAAA,OAAW,EAAA,EAAI;AAC9C,MAAA,IAAI,KAAK,IAAA,CAAK,UAAA,CAAW,KAAA,CAAM,QAAA,GAAW,YAAA,EAAc;AACtD,QAAA,IAAA,CAAK,IAAA,CAAK,UAAA,CAAW,KAAA,CAAM,eAAA,CAAgB,MAAS,CAAA;AACpD,QAAA,IAAA,CAAK,qBAAA,EAAsB;AAAA,MAC7B;AAAA,IACF,CAAA,MAAO;AACL,MAAA,IAAA,CAAK,IAAA,CAAK,UAAA,CAAW,KAAA,CAAM,eAAA,CAAgB,KAAK,CAAA;AAChD,MAAA,IAAA,CAAK,qBAAA,EAAsB;AAAA,IAC7B;AAEA,IAAA,IAAA,CAAK,KAAK,eAAA,EAAiB,KAAA;AAAA,MACzB,QAAA;AAAA,MACA,EAAE,KAAA,EAAM;AAAA,MACR,EAAE,QAAA,EAAU,IAAA,CAAK,QAAA;AAAS,KAC5B;AAAA,EACF;AAAA,EAEO,KAAA,GAAc;AACnB,IAAA,IAAA,CAAK,SAAS,MAAS,CAAA;AAAA,EACzB;AAAA,EAEO,UAAU,EAAA,EAAyB;AACxC,IAAA,IAAA,CAAK,iBAAA,CAAkB,IAAI,EAAE,CAAA;AAAA,EAC/B;AACF;;;;"}
+{"version":3,"file":"Search.mjs","names":[],"sources":["../../../../../../../../../src/components/List/model/search/Search.ts"],"sourcesContent":["import type List from \"@/components/List/model/List\";\nimport type {\n  SearchFieldRenderComponent,\n  SearchShape,\n  SearchValue,\n} from \"@/components/List/model/search/types\";\nimport type { InitialTableState } from \"@tanstack/react-table\";\n\nexport class Search<T> {\n  public readonly list: List<T>;\n  public readonly render?: SearchFieldRenderComponent;\n  public readonly textFieldProps: SearchShape<T>[\"textFieldProps\"];\n  private onUpdateCallbacks = new Set<() => unknown>();\n  private readonly initialValue?: string;\n  private readonly defaultValue?: string;\n  private readonly autosave: boolean;\n\n  public constructor(list: List<T>, searchShape: SearchShape<T>) {\n    const {\n      autosave = list.settingsStorageDefaults?.search?.autosave ?? false,\n      render,\n      textFieldProps,\n      defaultValue,\n    } = searchShape;\n\n    this.autosave = autosave;\n    this.list = list;\n    this.render = render;\n    this.textFieldProps = textFieldProps;\n    this.defaultValue = defaultValue;\n\n    this.initialValue = this.getInitialValue();\n  }\n\n  public get value(): SearchValue {\n    return this.list.reactTable.searchString;\n  }\n\n  public get isSet() {\n    return this.value !== undefined;\n  }\n\n  private callOnUpdateCallbacks(): void {\n    this.onUpdateCallbacks.forEach((cb) => cb());\n  }\n\n  private getInitialValue() {\n    return (\n      this.list.settingsStorage?.get(\"search\", { autosave: this.autosave })\n        ?.value ?? this.defaultValue\n    );\n  }\n\n  public updateInitialState(initialState: InitialTableState) {\n    initialState.globalFilter = this.initialValue;\n  }\n\n  public setValue(value: SearchValue): void {\n    if (value === undefined || value.trim() === \"\") {\n      if (this.list.reactTable.table.getState().globalFilter) {\n        this.list.reactTable.table.setGlobalFilter(undefined);\n        this.callOnUpdateCallbacks();\n      }\n    } else {\n      this.list.reactTable.table.setGlobalFilter(value);\n      this.callOnUpdateCallbacks();\n    }\n\n    this.list.settingsStorage?.store(\n      \"search\",\n      { value },\n      { autosave: this.autosave },\n    );\n  }\n\n  public clear(): void {\n    this.setValue(undefined);\n  }\n\n  public onUpdated(cb: () => unknown): void {\n    this.onUpdateCallbacks.add(cb);\n  }\n}\n"],"mappings":";;;AAQA,IAAa,SAAb,MAAuB;CACrB;CACA;CACA;CACA,oCAA4B,IAAI,IAAmB;CACnD;CACA;CACA;CAEA,YAAmB,MAAe,aAA6B;EAC7D,MAAM,EACJ,WAAW,KAAK,yBAAyB,QAAQ,YAAY,OAC7D,QACA,gBACA,iBACE;EAEJ,KAAK,WAAW;EAChB,KAAK,OAAO;EACZ,KAAK,SAAS;EACd,KAAK,iBAAiB;EACtB,KAAK,eAAe;EAEpB,KAAK,eAAe,KAAK,gBAAgB;CAC3C;CAEA,IAAW,QAAqB;EAC9B,OAAO,KAAK,KAAK,WAAW;CAC9B;CAEA,IAAW,QAAQ;EACjB,OAAO,KAAK,UAAU,KAAA;CACxB;CAEA,wBAAsC;EACpC,KAAK,kBAAkB,SAAS,OAAO,GAAG,CAAC;CAC7C;CAEA,kBAA0B;EACxB,OACE,KAAK,KAAK,iBAAiB,IAAI,UAAU,EAAE,UAAU,KAAK,SAAS,CAAC,CAAC,EACjE,SAAS,KAAK;CAEtB;CAEA,mBAA0B,cAAiC;EACzD,aAAa,eAAe,KAAK;CACnC;CAEA,SAAgB,OAA0B;EACxC,IAAI,UAAU,KAAA,KAAa,MAAM,KAAK,MAAM,IACtC;OAAA,KAAK,KAAK,WAAW,MAAM,SAAS,CAAC,CAAC,cAAc;IACtD,KAAK,KAAK,WAAW,MAAM,gBAAgB,KAAA,CAAS;IACpD,KAAK,sBAAsB;GAC7B;SACK;GACL,KAAK,KAAK,WAAW,MAAM,gBAAgB,KAAK;GAChD,KAAK,sBAAsB;EAC7B;EAEA,KAAK,KAAK,iBAAiB,MACzB,UACA,EAAE,MAAM,GACR,EAAE,UAAU,KAAK,SAAS,CAC5B;CACF;CAEA,QAAqB;EACnB,KAAK,SAAS,KAAA,CAAS;CACzB;CAEA,UAAiB,IAAyB;EACxC,KAAK,kBAAkB,IAAI,EAAE;CAC/B;AACF"}