@mittwald/flow-react-components 0.2.0-alpha.61 → 0.2.0-alpha.611

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReactTable.mjs","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, useState } from \"react\";\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.defaultEnabled !== 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    useEffect(() => {\n      if (onChange) {\n        onChange(this.list);\n      }\n    }, [this.list, onChange, table]);\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.defaultEnabled === \"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"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,185 @@
+"use client"
+/* */
+import { getProperty } from 'dot-prop';
+import { customPropertyPrefix } from '../types.mjs';
+import { unique, difference } from 'remeda';
+import { FilterValue } from './FilterValue.mjs';
+import z from 'zod';
+import { toArray } from '../../../../lib/array/toArray.mjs';
+
+const equalsPropertyMatcher = (filterValue, propertyValue) => filterValue === propertyValue;
+const stringCastRenderMethod = (value) => String(value);
+class Filter {
+  static settingsStorageSchema = z.record(z.string().or(z.symbol()), z.array(z.string())).optional();
+  _values;
+  _valuesFromTableState;
+  list;
+  property;
+  mode;
+  matcher;
+  renderItem;
+  name;
+  onFilterUpdateCallbacks = /* @__PURE__ */ new Set();
+  defaultSelectedValues;
+  constructor(list, shape) {
+    this.list = list;
+    this.property = shape.property;
+    this.mode = shape.mode ?? "some";
+    this._values = shape.values?.map((v) => FilterValue.create(this, v));
+    this.matcher = shape.matcher ?? equalsPropertyMatcher;
+    this.renderItem = shape.renderItem ?? stringCastRenderMethod;
+    this.name = shape.name;
+    this.defaultSelectedValues = shape.defaultSelected;
+  }
+  getStoredSelectedIds() {
+    return this.list.getStoredFilterDefaultSettings()?.[String(this.property)];
+  }
+  updateInitialState(initialState) {
+    const initialValues = this.getInitialValues();
+    if (initialValues?.length) {
+      initialState.columnFilters = [
+        ...initialState.columnFilters ?? [],
+        {
+          id: this.property,
+          value: initialValues
+        }
+      ];
+    }
+  }
+  updateTableColumnDef(def) {
+    def.enableColumnFilter = true;
+    def.filterFn = this.getReactTableFilterFn();
+  }
+  getReactTableFilterFn() {
+    return (row, _, filterValue) => {
+      const propertyAsString = this.property;
+      const filterBy = propertyAsString.startsWith(customPropertyPrefix) ? 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(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) {
+    const isKnown = this.values.some((v) => v.id === value.id);
+    return !isKnown;
+  }
+  deleteUnknownFilterValues() {
+    if (this.values === this.valuesFromTableState) {
+      return;
+    }
+    for (const currentValues of this.getArrayValue()) {
+      if (this.checkIfValueIsUnknown(currentValues)) {
+        this.deactivateValue(currentValues);
+      }
+    }
+  }
+  get values() {
+    return this._values ?? this.valuesFromTableState;
+  }
+  get valuesFromTableState() {
+    if (!this._valuesFromTableState) {
+      this._valuesFromTableState = this.getValuesFromTableState();
+    }
+    return this._valuesFromTableState;
+  }
+  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.onFilterUpdateCallbacks.forEach((cb) => cb());
+  }
+  hasChanged() {
+    const currentValues = this.getArrayValue().map((v) => v.value);
+    const initialValues = this.getInitialFilterValues()?.map((v) => v.value) ?? [];
+    return currentValues.length !== initialValues.length || difference(currentValues, initialValues).length > 0;
+  }
+  getInitialValues() {
+    return this.getStoredSelectedIds() ?? this.defaultSelectedValues;
+  }
+  getInitialFilterValues() {
+    return this.getInitialValues()?.map((v) => FilterValue.create(this, v));
+  }
+  resetValues() {
+    let resetTo;
+    const initialValues = this.getInitialValues();
+    if (initialValues) {
+      resetTo = initialValues;
+    } else {
+      if (this.mode === "all" || this.mode === "some") {
+        resetTo = [];
+      } else {
+        resetTo = null;
+      }
+    }
+    this.list.reactTable.getTableColumn(this.property).setFilterValue(resetTo);
+    this.onFilterUpdateCallbacks.forEach((cb) => cb());
+  }
+  clear() {
+    this.list.reactTable.getTableColumn(this.property).setFilterValue(null);
+    this.onFilterUpdateCallbacks.forEach((cb) => cb());
+  }
+  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.onFilterUpdateCallbacks.forEach((cb) => cb());
+  }
+  onFilterUpdated(cb) {
+    this.onFilterUpdateCallbacks.add(cb);
+  }
+}
+
+export { Filter };
+//# sourceMappingURL=Filter.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Filter.mjs","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} 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 z from \"zod\";\nimport { toArray } from \"@/lib/array/toArray\";\n\nconst equalsPropertyMatcher: FilterMatcher<unknown, never, never> = (\n  filterValue,\n  propertyValue,\n) => filterValue === propertyValue;\n\nconst stringCastRenderMethod: PropertyValueRenderMethod<unknown> = (value) =>\n  String(value);\n\nexport class Filter<T, TProp extends PropertyName<T>, TMatchValue> {\n  public static readonly settingsStorageSchema = z\n    .record(z.string().or(z.symbol()), z.array(z.string()))\n    .optional();\n\n  private _values?: FilterValue[] | undefined;\n  private _valuesFromTableState?: FilterValue[];\n  public readonly list: List<T>;\n  public readonly property: PropertyName<T>;\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  private onFilterUpdateCallbacks = new Set<() => unknown>();\n  private readonly defaultSelectedValues?: readonly NonNullable<TMatchValue>[];\n\n  public constructor(list: List<T>, shape: FilterShape<T, TProp, TMatchValue>) {\n    this.list = list;\n    this.property = shape.property;\n    this.mode = shape.mode ?? \"some\";\n    this._values = shape.values?.map((v) => FilterValue.create(this, v));\n    this.matcher = shape.matcher ?? equalsPropertyMatcher;\n    this.renderItem = shape.renderItem ?? stringCastRenderMethod;\n    this.name = shape.name;\n\n    this.defaultSelectedValues = shape.defaultSelected;\n  }\n\n  private getStoredSelectedIds() {\n    return this.list.getStoredFilterDefaultSettings()?.[String(this.property)];\n  }\n\n  public updateInitialState(initialState: InitialTableState) {\n    const initialValues = this.getInitialValues();\n\n    if (initialValues?.length) {\n      initialState.columnFilters = [\n        ...(initialState.columnFilters ?? []),\n        {\n          id: this.property as string,\n          value: initialValues,\n        },\n      ];\n    }\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      return predicate(toFilterValue(filterValueInput));\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: unknown;\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    this.onFilterUpdateCallbacks.forEach((cb) => cb());\n  }\n\n  public hasChanged(): boolean {\n    const currentValues = this.getArrayValue().map((v) => v.value);\n    const initialValues =\n      this.getInitialFilterValues()?.map((v) => v.value) ?? [];\n\n    return (\n      currentValues.length !== initialValues.length ||\n      difference(currentValues, initialValues).length > 0\n    );\n  }\n\n  private getInitialValues() {\n    return this.getStoredSelectedIds() ?? this.defaultSelectedValues;\n  }\n\n  private getInitialFilterValues() {\n    return this.getInitialValues()?.map((v) => FilterValue.create(this, v));\n  }\n\n  public resetValues(): void {\n    let resetTo: unknown;\n    const initialValues = this.getInitialValues();\n\n    if (initialValues) {\n      resetTo = initialValues;\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.onFilterUpdateCallbacks.forEach((cb) => cb());\n  }\n\n  public clear(): void {\n    this.list.reactTable.getTableColumn(this.property).setFilterValue(null);\n    this.onFilterUpdateCallbacks.forEach((cb) => cb());\n  }\n\n  public toggleValue(newValue: FilterValue): void {\n    const currentValueAsArray = this.getArrayValue();\n\n    let updatedValue: unknown;\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.onFilterUpdateCallbacks.forEach((cb) => cb());\n  }\n\n  public onFilterUpdated(cb: () => unknown): void {\n    this.onFilterUpdateCallbacks.add(cb);\n  }\n}\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterValue.mjs","sources":["../../../../../../../../src/components/List/model/filter/FilterValue.ts"],"sourcesContent":["import type { Filter } from \"@/components/List/model/filter/Filter\";\nimport { isShallowEqual } from \"remeda\";\nimport { hash } from \"object-code\";\n\nexport class FilterValue {\n  public readonly filter: Filter<unknown, string, unknown>;\n  public readonly value: unknown;\n  public readonly id: string;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  private constructor(filter: Filter<any, any, any>, value: unknown) {\n    this.filter = filter;\n\n    if (typeof value === \"string\" && value.startsWith(\"FilterValueId@@\")) {\n      this.value = filter.values.find((v) => v.id === value)?.value;\n      this.id = value;\n    } else {\n      this.value = value;\n      this.id = `FilterValueId@@${this.filter.property}@@${hash(this.value)}`;\n    }\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  public static create(filter: Filter<any, any, any>, value: unknown) {\n    if (value instanceof FilterValue) {\n      return value;\n    }\n    return new FilterValue(filter, value);\n  }\n\n  public equals(otherValue: FilterValue) {\n    return isShallowEqual(this.value, otherValue.value);\n  }\n\n  public get isActive() {\n    return this.filter.isValueActive(this);\n  }\n\n  public render() {\n    return this.filter.renderItem(this.value as never);\n  }\n\n  public toggle() {\n    this.filter.toggleValue(this);\n  }\n\n  public deactivate() {\n    this.filter.deactivateValue(this);\n  }\n}\n"],"names":[],"mappings":";;;AAIO,MAAM,WAAA,CAAY;AAAA,EACP,MAAA;AAAA,EACA,KAAA;AAAA,EACA,EAAA;AAAA;AAAA,EAGR,WAAA,CAAY,QAA+B,KAAA,EAAgB;AACjE,IAAA,IAAA,CAAK,MAAA,GAAS,MAAA;AAEd,IAAA,IAAI,OAAO,KAAA,KAAU,QAAA,IAAY,KAAA,CAAM,UAAA,CAAW,iBAAiB,CAAA,EAAG;AACpE,MAAA,IAAA,CAAK,KAAA,GAAQ,OAAO,MAAA,CAAO,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,EAAA,KAAO,KAAK,CAAA,EAAG,KAAA;AACxD,MAAA,IAAA,CAAK,EAAA,GAAK,KAAA;AAAA,IACZ,CAAA,MAAO;AACL,MAAA,IAAA,CAAK,KAAA,GAAQ,KAAA;AACb,MAAA,IAAA,CAAK,EAAA,GAAK,kBAAkB,IAAA,CAAK,MAAA,CAAO,QAAQ,CAAA,EAAA,EAAK,IAAA,CAAK,IAAA,CAAK,KAAK,CAAC,CAAA,CAAA;AAAA,IACvE;AAAA,EACF;AAAA;AAAA,EAGA,OAAc,MAAA,CAAO,MAAA,EAA+B,KAAA,EAAgB;AAClE,IAAA,IAAI,iBAAiB,WAAA,EAAa;AAChC,MAAA,OAAO,KAAA;AAAA,IACT;AACA,IAAA,OAAO,IAAI,WAAA,CAAY,MAAA,EAAQ,KAAK,CAAA;AAAA,EACtC;AAAA,EAEO,OAAO,UAAA,EAAyB;AACrC,IAAA,OAAO,cAAA,CAAe,IAAA,CAAK,KAAA,EAAO,UAAA,CAAW,KAAK,CAAA;AAAA,EACpD;AAAA,EAEA,IAAW,QAAA,GAAW;AACpB,IAAA,OAAO,IAAA,CAAK,MAAA,CAAO,aAAA,CAAc,IAAI,CAAA;AAAA,EACvC;AAAA,EAEO,MAAA,GAAS;AACd,IAAA,OAAO,IAAA,CAAK,MAAA,CAAO,UAAA,CAAW,IAAA,CAAK,KAAc,CAAA;AAAA,EACnD;AAAA,EAEO,MAAA,GAAS;AACd,IAAA,IAAA,CAAK,MAAA,CAAO,YAAY,IAAI,CAAA;AAAA,EAC9B;AAAA,EAEO,UAAA,GAAa;AAClB,IAAA,IAAA,CAAK,MAAA,CAAO,gBAAgB,IAAI,CAAA;AAAA,EAClC;AACF;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Item.mjs","sources":["../../../../../../../../src/components/List/model/item/Item.ts"],"sourcesContent":["import type { ItemCollection } from \"@/components/List/model/item/ItemCollection\";\nimport type { Row } from \"@tanstack/react-table\";\n\nexport class Item<T> {\n  public readonly id: string;\n  public readonly data: T;\n  public readonly collection: ItemCollection<T>;\n\n  public constructor(collection: ItemCollection<T>, id: string, data: T) {\n    this.collection = collection;\n    this.id = id;\n    this.data = data;\n  }\n\n  public static fromRow<T>(\n    collection: ItemCollection<T>,\n    row: Row<T>,\n  ): Item<T> {\n    return new Item(collection, row.id, row.original);\n  }\n}\n"],"names":[],"mappings":"AAGO,MAAM,IAAA,CAAQ;AAAA,EACH,EAAA;AAAA,EACA,IAAA;AAAA,EACA,UAAA;AAAA,EAET,WAAA,CAAY,UAAA,EAA+B,EAAA,EAAY,IAAA,EAAS;AACrE,IAAA,IAAA,CAAK,UAAA,GAAa,UAAA;AAClB,IAAA,IAAA,CAAK,EAAA,GAAK,EAAA;AACV,IAAA,IAAA,CAAK,IAAA,GAAO,IAAA;AAAA,EACd;AAAA,EAEA,OAAc,OAAA,CACZ,UAAA,EACA,GAAA,EACS;AACT,IAAA,OAAO,IAAI,IAAA,CAAK,UAAA,EAAY,GAAA,CAAI,EAAA,EAAI,IAAI,QAAQ,CAAA;AAAA,EAClD;AACF;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"ItemCollection.mjs","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"],"names":[],"mappings":";;AAGO,MAAM,cAAA,CAAkB;AAAA,EACb,IAAA;AAAA,EAET,YAAY,IAAA,EAAe;AAChC,IAAA,IAAA,CAAK,IAAA,GAAO,IAAA;AAAA,EACd;AAAA,EAEA,IAAW,OAAA,GAAqB;AAC9B,IAAA,OAAO,IAAA,CAAK,IAAA,CAAK,UAAA,CAAW,KAAA,CACzB,aAAY,CACZ,IAAA,CAAK,GAAA,CAAI,CAAC,CAAA,KAAM,IAAA,CAAK,OAAA,CAAQ,IAAA,EAAM,CAAC,CAAC,CAAA;AAAA,EAC1C;AACF;;;;"}

package/dist/js/components/src/components/List/model/item/ItemView.mjs

@@ -0,0 +1,48 @@
+"use client"
+/* */
+import { createElement } from 'react';
+
+class ItemView {
+  list;
+  textValue;
+  href;
+  target;
+  defaultExpanded;
+  loadingView;
+  showTiles;
+  showList;
+  tileMaxWidth;
+  renderFn;
+  constructor(list, shape = {}) {
+    const {
+      fallback,
+      loadingView = fallback,
+      textValue,
+      href,
+      target,
+      defaultExpanded,
+      renderFn,
+      showTiles,
+      showList = true,
+      tileMaxWidth = 230
+    } = shape;
+    this.list = list;
+    this.textValue = textValue;
+    this.renderFn = renderFn;
+    this.href = href;
+    this.target = target;
+    this.defaultExpanded = defaultExpanded;
+    this.loadingView = loadingView;
+    this.showTiles = showTiles;
+    this.showList = showList;
+    this.tileMaxWidth = tileMaxWidth;
+  }
+  static fallbackRenderItemFn = (item) => createElement("pre", void 0, JSON.stringify(item));
+  render(data) {
+    const renderFn = this.renderFn ?? ItemView.fallbackRenderItemFn;
+    return renderFn(data, this.list);
+  }
+}
+
+export { ItemView };
+//# sourceMappingURL=ItemView.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ItemView.mjs","sources":["../../../../../../../../src/components/List/model/item/ItemView.ts"],"sourcesContent":["import type { HTMLAttributeAnchorTarget, ReactElement, ReactNode } from \"react\";\nimport { createElement } from \"react\";\nimport type { RenderItemFn } from \"@/components/List/model/item/types\";\nimport type List from \"@/components/List/model/List\";\n\nexport interface ItemViewShape<T> {\n  textValue?: (data: T) => string;\n  href?: (data: T) => string;\n  target?: HTMLAttributeAnchorTarget;\n  defaultExpanded?: (data: T) => boolean;\n  renderFn?: RenderItemFn<T>;\n  /** @deprecated Use loadingView instead */\n  fallback?: ReactElement;\n  loadingView?: ReactElement;\n  showList?: boolean;\n  showTiles?: boolean;\n  tileMaxWidth?: number;\n}\n\nexport class ItemView<T> {\n  public readonly list: List<T>;\n  public readonly textValue?: (data: T) => string;\n  public readonly href?: (data: T) => string;\n  public readonly target?: HTMLAttributeAnchorTarget;\n  public readonly defaultExpanded?: (data: T) => boolean;\n  public readonly loadingView?: ReactElement;\n  public readonly showTiles?: boolean;\n  public readonly showList?: boolean;\n  public readonly tileMaxWidth: number;\n  private readonly renderFn?: RenderItemFn<T>;\n\n  public constructor(list: List<T>, shape: ItemViewShape<T> = {}) {\n    const {\n      fallback,\n      loadingView = fallback,\n      textValue,\n      href,\n      target,\n      defaultExpanded,\n      renderFn,\n      showTiles,\n      showList = true,\n      tileMaxWidth = 230,\n    } = shape;\n    this.list = list;\n    this.textValue = textValue;\n    this.renderFn = renderFn;\n    this.href = href;\n    this.target = target;\n    this.defaultExpanded = defaultExpanded;\n    this.loadingView = loadingView;\n    this.showTiles = showTiles;\n    this.showList = showList;\n    this.tileMaxWidth = tileMaxWidth;\n  }\n\n  private static fallbackRenderItemFn: RenderItemFn<never> = (item) =>\n    createElement(\"pre\", undefined, JSON.stringify(item));\n\n  public render(data: T): ReactNode {\n    const renderFn = (this.renderFn ??\n      ItemView.fallbackRenderItemFn) as RenderItemFn<T>;\n    return renderFn(data as never, this.list);\n  }\n}\n"],"names":[],"mappings":";;AAmBO,MAAM,QAAA,CAAY;AAAA,EACP,IAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,eAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,YAAA;AAAA,EACC,QAAA;AAAA,EAEV,WAAA,CAAY,IAAA,EAAe,KAAA,GAA0B,EAAC,EAAG;AAC9D,IAAA,MAAM;AAAA,MACJ,QAAA;AAAA,MACA,WAAA,GAAc,QAAA;AAAA,MACd,SAAA;AAAA,MACA,IAAA;AAAA,MACA,MAAA;AAAA,MACA,eAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA,GAAW,IAAA;AAAA,MACX,YAAA,GAAe;AAAA,KACjB,GAAI,KAAA;AACJ,IAAA,IAAA,CAAK,IAAA,GAAO,IAAA;AACZ,IAAA,IAAA,CAAK,SAAA,GAAY,SAAA;AACjB,IAAA,IAAA,CAAK,QAAA,GAAW,QAAA;AAChB,IAAA,IAAA,CAAK,IAAA,GAAO,IAAA;AACZ,IAAA,IAAA,CAAK,MAAA,GAAS,MAAA;AACd,IAAA,IAAA,CAAK,eAAA,GAAkB,eAAA;AACvB,IAAA,IAAA,CAAK,WAAA,GAAc,WAAA;AACnB,IAAA,IAAA,CAAK,SAAA,GAAY,SAAA;AACjB,IAAA,IAAA,CAAK,QAAA,GAAW,QAAA;AAChB,IAAA,IAAA,CAAK,YAAA,GAAe,YAAA;AAAA,EACtB;AAAA,EAEA,OAAe,oBAAA,GAA4C,CAAC,IAAA,KAC1D,aAAA,CAAc,OAAO,MAAA,EAAW,IAAA,CAAK,SAAA,CAAU,IAAI,CAAC,CAAA;AAAA,EAE/C,OAAO,IAAA,EAAoB;AAChC,IAAA,MAAM,QAAA,GAAY,IAAA,CAAK,QAAA,IACrB,QAAA,CAAS,oBAAA;AACX,IAAA,OAAO,QAAA,CAAS,IAAA,EAAe,IAAA,CAAK,IAAI,CAAA;AAAA,EAC1C;AACF;;;;"}

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

@@ -0,0 +1,170 @@
+"use client"
+/* */
+import { usePromise, getAsyncResource } from '@mittwald/react-use-promise';
+import { useMemo, useEffect } from 'react';
+import { times } from 'remeda';
+import { IncrementalLoaderState } from './IncrementalLoaderState.mjs';
+import { hash } from 'object-code';
+
+const emptyData = [];
+class IncrementalLoader {
+  list;
+  dataSource;
+  manualSorting;
+  manualFiltering;
+  manualPagination;
+  loaderState;
+  staticDataProperties = [];
+  constructor(list, shape = {}) {
+    const { source } = shape;
+    this.dataSource = source ?? { staticData: emptyData };
+    const manualPagination = "manualPagination" in this.dataSource ? this.dataSource.manualPagination : void 0;
+    const manualFiltering = "manualFiltering" in this.dataSource ? this.dataSource.manualFiltering : void 0;
+    const manualSorting = "manualSorting" in this.dataSource ? this.dataSource.manualSorting : void 0;
+    this.list = list;
+    this.loaderState = IncrementalLoaderState.useNew(list);
+    this.manualPagination = manualPagination ?? false;
+    this.manualFiltering = manualFiltering ?? this.manualPagination;
+    this.manualSorting = manualSorting ?? this.manualPagination;
+    this.list.filters.forEach((f) => f.onFilterUpdated(() => this.reset()));
+    this.list.search?.onUpdated(() => this.reset());
+    this.initStaticDataProperties();
+  }
+  static useNew(list, shape = {}) {
+    return new IncrementalLoader(list, shape);
+  }
+  initStaticDataProperties() {
+    const addPropertiesOfDataEntry = (data) => {
+      if (typeof data !== "object" || data === null) {
+        return;
+      }
+      Object.keys(data).filter((p) => !this.staticDataProperties.includes(p)).forEach((p) => {
+        this.staticDataProperties.push(p);
+      });
+    };
+    if ("staticData" in this.dataSource) {
+      this.dataSource.staticData.slice(0, 100).forEach(addPropertiesOfDataEntry);
+    }
+  }
+  reset() {
+    this.loaderState.reset();
+  }
+  useIsLoading() {
+    return this.loaderState.useIsLoading();
+  }
+  useIsInitiallyLoading() {
+    return this.useIsLoading() && this.list.batches.getBatchIndex() === 0;
+  }
+  useData() {
+    return this.loaderState.useMergedData();
+  }
+  getUseData() {
+    const dataSource = this.dataSource;
+    return (options) => {
+      if ("staticData" in dataSource) {
+        return useMemo(
+          () => ({
+            data: dataSource.staticData,
+            itemTotalCount: dataSource.staticData.length
+          }),
+          [dataSource.staticData]
+        );
+      }
+      if ("useData" in dataSource) {
+        return dataSource.useData(options);
+      }
+      if ("asyncLoader" in dataSource) {
+        const asyncLoader = dataSource.asyncLoader;
+        const dependencies = dataSource.dependencies;
+        const loaderId = dependencies ? hash(dependencies).toString() : void 0;
+        return usePromise(asyncLoader, [options], {
+          loaderId
+        });
+      }
+      if ("asyncResourceFactory" in dataSource) {
+        return dataSource.asyncResourceFactory(options).use();
+      }
+      return useMemo(
+        () => ({
+          data: [],
+          itemTotalCount: 0
+        }),
+        []
+      );
+    };
+  }
+  getLoaderInvocationHooks() {
+    const batchesCount = times(this.list.batches.getBatchIndex() + 1, (i) => i);
+    const useData = this.getUseData();
+    return batchesCount.map((batchIndex) => ({
+      useLoadBatch: () => {
+        const loaderOptions = this.getDataLoaderOptions(batchIndex);
+        const loaderResult = useData(loaderOptions);
+        const { data, itemTotalCount, metadata } = loaderResult;
+        useEffect(() => {
+          this.loaderState.setDataBatch(batchIndex, data);
+          if (itemTotalCount !== void 0) {
+            this.list.batches.updateItemTotalCount(itemTotalCount);
+          }
+          this.loaderState.setMetadata(metadata);
+          this.loaderState.setBatchLoadingState(batchIndex, "loaded");
+        }, [loaderResult]);
+      },
+      useRenderSuspense: () => {
+        useEffect(() => {
+          this.loaderState.setBatchLoadingState(batchIndex, "loading");
+        }, [batchIndex]);
+      }
+    }));
+  }
+  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
+    };
+  }
+  getBatchDataAsyncResource(batchIndex) {
+    const dataSource = this.dataSource;
+    const loaderOptions = this.getDataLoaderOptions(batchIndex);
+    if ("staticData" in dataSource) {
+      return getAsyncResource(
+        async (staticData) => ({
+          data: staticData,
+          itemTotalCount: staticData.length
+        }),
+        [dataSource.staticData]
+      );
+    }
+    if ("asyncLoader" in dataSource) {
+      const asyncLoader = dataSource.asyncLoader;
+      const dependencies = dataSource.dependencies;
+      const loaderId = dependencies ? hash(dependencies).toString() : void 0;
+      return getAsyncResource(asyncLoader, [loaderOptions], {
+        loaderId
+      });
+    }
+    if ("asyncResourceFactory" in dataSource) {
+      const asyncResourceFactory = dataSource.asyncResourceFactory;
+      return asyncResourceFactory(loaderOptions);
+    }
+    throw new Error("Unknown data source");
+  }
+}
+
+export { IncrementalLoader };
+//# sourceMappingURL=IncrementalLoader.mjs.map

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

@@ -0,0 +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\";\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 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 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.useIsLoading() && this.list.batches.getBatchIndex() === 0;\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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"}

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

@@ -0,0 +1,79 @@
+"use client"
+/* */
+import { useSelector } from '../../../../lib/mobx/useSelector.mjs';
+import { makeObservable, action, computed, observable } from 'mobx';
+import { useStatic } from '../../../../lib/hooks/useStatic.mjs';
+import { uniqueBy } from 'remeda';
+
+class IncrementalLoaderState {
+  dataBatches = [];
+  prevDataBatches = [];
+  batchLoadingStates = ["void"];
+  metadata = void 0;
+  list;
+  constructor(list) {
+    this.list = list;
+    makeObservable(this, {
+      prevDataBatches: false,
+      useMergedData: false,
+      useIsLoading: false,
+      dataBatches: observable.shallow,
+      batchLoadingStates: observable.shallow,
+      metadata: observable,
+      mergedData: computed,
+      isLoading: computed,
+      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 (this.batchLoadingStates[index] !== state) {
+      this.batchLoadingStates[index] = state;
+    }
+  }
+  setMetadata(metadata) {
+    this.metadata = metadata;
+  }
+  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);
+  }
+  isBatchLoaded(batchIndex) {
+    return batchIndex in this.dataBatches;
+  }
+}
+
+export { IncrementalLoaderState };
+//# sourceMappingURL=IncrementalLoaderState.mjs.map

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

@@ -0,0 +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\n  private constructor(list: List<T>) {\n    this.list = list;\n    makeObservable(this, {\n      prevDataBatches: false,\n      useMergedData: false,\n      useIsLoading: false,\n      dataBatches: observable.shallow,\n      batchLoadingStates: observable.shallow,\n      metadata: observable,\n      mergedData: computed,\n      isLoading: computed,\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 (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 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 isBatchLoaded(batchIndex: number) {\n    return batchIndex in this.dataBatches;\n  }\n}\n"],"names":[],"mappings":"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"}