@mittwald/flow-react-components 0.2.0-alpha.9 → 0.2.0-alpha.91

package/dist/js/components/List/model/List.mjs

@@ -0,0 +1,160 @@
+"use client"
+/* */
+import { ItemCollection } from './item/ItemCollection.mjs';
+import { BatchesController } from './pagination/BatchesController.mjs';
+import { Filter } from './filter/Filter.mjs';
+import { Sorting } from './sorting/Sorting.mjs';
+import { ReactTable } from './ReactTable.mjs';
+import { IncrementalLoader } from './loading/IncrementalLoader.mjs';
+import invariant from 'invariant';
+import { Search } from './search/Search.mjs';
+import { ItemView } from './item/ItemView.mjs';
+import { Table } from './table/Table.mjs';
+import { useState, useEffect } from 'react';
+import { useSettings } from '../../SettingsProvider/SettingsProvider.mjs';
+import z from 'zod';
+
+class List {
+  static viewModeSettingsStorageSchema = z.enum(["list", "table", "tiles"]).optional();
+  filters;
+  itemView;
+  table;
+  search;
+  sorting;
+  items;
+  reactTable;
+  batches;
+  loader;
+  onAction;
+  accordion;
+  getItemId;
+  componentProps;
+  viewMode;
+  setViewMode;
+  supportsSettingsStorage;
+  settingStorageKey;
+  settingsStore;
+  viewModeStorageKey;
+  filterSettingsStorageKey;
+  constructor(shape) {
+    const {
+      settingStorageKey,
+      itemView,
+      table,
+      filters = [],
+      sorting = [],
+      batchesController,
+      onChange,
+      loader,
+      search,
+      onAction,
+      getItemId,
+      defaultViewMode,
+      accordion = false,
+      ...componentProps
+    } = shape;
+    this.settingsStore = useSettings();
+    this.settingStorageKey = settingStorageKey;
+    this.filterSettingsStorageKey = settingStorageKey ? `${settingStorageKey}.activeFilters` : void 0;
+    this.viewModeStorageKey = settingStorageKey ? `${settingStorageKey}.viewMode` : void 0;
+    this.supportsSettingsStorage = !!this.settingStorageKey;
+    this.items = new ItemCollection(this);
+    this.filters = filters.map((shape2) => new Filter(this, shape2));
+    this.sorting = sorting.map((shape2) => new Sorting(this, shape2));
+    this.search = search ? new Search(this, search) : void 0;
+    this.itemView = itemView ? new ItemView(this, itemView) : void 0;
+    this.accordion = accordion;
+    this.table = table ? new Table(this, table) : void 0;
+    this.batches = new BatchesController(this, batchesController);
+    this.componentProps = componentProps;
+    this.loader = IncrementalLoader.useNew(this, loader);
+    this.onAction = onAction;
+    this.getItemId = getItemId;
+    this.reactTable = ReactTable.useNew(this, onChange, {
+      manualFiltering: this.loader.manualFiltering,
+      manualPagination: this.loader.manualPagination,
+      manualSorting: this.loader.manualSorting
+    });
+    const [viewMode, setViewMode] = useState(
+      defaultViewMode ?? this.getStoredViewModeDefaultSetting() ?? "list"
+    );
+    this.viewMode = viewMode;
+    this.setViewMode = (viewMode2) => {
+      setViewMode(viewMode2);
+      if (this.settingsStore && this.viewModeStorageKey) {
+        this.settingsStore.set(
+          "List",
+          this.viewModeStorageKey,
+          List.viewModeSettingsStorageSchema,
+          viewMode2
+        );
+      }
+    };
+    useEffect(() => {
+      this.filters.forEach((f) => f.deleteUnknownFilterValues());
+    }, [this.filters]);
+  }
+  get isFiltered() {
+    return this.filters.some((f) => f.isActive()) || !!this.search && this.search.isSet;
+  }
+  get visibleSorting() {
+    return this.sorting.filter((s) => s.defaultEnabled !== "hidden");
+  }
+  static useNew(shape) {
+    return new List(shape);
+  }
+  storeFilterDefaultSettings() {
+    if (this.settingsStore && this.filterSettingsStorageKey) {
+      const data = Object.fromEntries(
+        this.filters.map((f) => [
+          f.property,
+          f.getArrayValue().filter((v) => v.isActive).map((v) => v.id)
+        ])
+      );
+      this.settingsStore.set(
+        "List",
+        this.filterSettingsStorageKey,
+        Filter.settingsStorageSchema,
+        data
+      );
+    }
+  }
+  getStoredFilterDefaultSettings() {
+    if (this.settingsStore && this.filterSettingsStorageKey) {
+      return this.settingsStore.get(
+        "List",
+        this.filterSettingsStorageKey,
+        Filter.settingsStorageSchema
+      );
+    }
+  }
+  getStoredViewModeDefaultSetting() {
+    if (this.settingsStore && this.viewModeStorageKey) {
+      return this.settingsStore.get(
+        "List",
+        this.viewModeStorageKey,
+        List.viewModeSettingsStorageSchema
+      );
+    }
+  }
+  getSorting(id) {
+    const sorting = this.sorting.find((s) => s.id === id);
+    invariant(!!sorting, `Could not get Sorting (ID: ${id})`);
+    return sorting;
+  }
+  clearSorting() {
+    return this.sorting.forEach((s) => s.clear());
+  }
+  resetFilters() {
+    return this.filters.forEach((f) => f.resetValues());
+  }
+  clearFilters() {
+    return this.filters.forEach((f) => f.clear());
+  }
+  useIsEmpty() {
+    return !this.loader.useIsLoading() && this.items.entries.length === 0;
+  }
+}
+
+export { List, List as default };
+//# sourceMappingURL=List.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"List.mjs","sources":["../../../../../src/components/List/model/List.ts"],"sourcesContent":["import { ItemCollection } from \"@/components/List/model/item/ItemCollection\";\nimport { BatchesController } from \"@/components/List/model/pagination/BatchesController\";\nimport { Filter } from \"./filter/Filter\";\nimport { Sorting } from \"@/components/List/model/sorting/Sorting\";\nimport ReactTable from \"@/components/List/model/ReactTable\";\nimport type {\n  GetItemId,\n  ItemActionFn,\n  ListShape,\n  ListSupportedComponentProps,\n  ListViewMode,\n} from \"@/components/List/model/types\";\nimport { IncrementalLoader } from \"@/components/List/model/loading/IncrementalLoader\";\nimport invariant from \"invariant\";\nimport { Search } from \"@/components/List/model/search/Search\";\nimport { ItemView } from \"@/components/List/model/item/ItemView\";\nimport { Table } from \"@/components/List/model/table/Table\";\nimport { useEffect, useState } from \"react\";\nimport { useSettings } from \"@/components/SettingsProvider/SettingsProvider\";\nimport type { SettingsStore } from \"@/components/SettingsProvider/models/SettingsStore\";\nimport z from \"zod\";\n\nexport class List<T> {\n  public static readonly viewModeSettingsStorageSchema = z\n    .enum([\"list\", \"table\", \"tiles\"])\n    .optional();\n  public readonly filters: Filter<T, never, never>[];\n  public readonly itemView?: ItemView<T>;\n  public readonly table?: Table<T>;\n  public readonly search?: Search<T>;\n  public readonly sorting: Sorting<T>[];\n  public readonly items: ItemCollection<T>;\n  public readonly reactTable: ReactTable<T>;\n  public readonly batches: BatchesController<T>;\n  public readonly loader: IncrementalLoader<T>;\n  public readonly onAction?: ItemActionFn<T>;\n  public readonly accordion: boolean;\n  public readonly getItemId?: GetItemId<T>;\n  public readonly componentProps: ListSupportedComponentProps;\n  public viewMode: ListViewMode;\n  public readonly setViewMode: (viewMode: ListViewMode) => void;\n  public readonly supportsSettingsStorage: boolean;\n  public readonly settingStorageKey?: string;\n  private readonly settingsStore?: SettingsStore;\n  private readonly viewModeStorageKey?: string;\n  private readonly filterSettingsStorageKey?: string;\n\n  public constructor(shape: ListShape<T>) {\n    const {\n      settingStorageKey,\n      itemView,\n      table,\n      filters = [],\n      sorting = [],\n      batchesController,\n      onChange,\n      loader,\n      search,\n      onAction,\n      getItemId,\n      defaultViewMode,\n      accordion = false,\n      ...componentProps\n    } = shape;\n\n    this.settingsStore = useSettings();\n    this.settingStorageKey = settingStorageKey;\n    this.filterSettingsStorageKey = settingStorageKey\n      ? `${settingStorageKey}.activeFilters`\n      : undefined;\n    this.viewModeStorageKey = settingStorageKey\n      ? `${settingStorageKey}.viewMode`\n      : undefined;\n    this.supportsSettingsStorage = !!this.settingStorageKey;\n\n    this.items = new ItemCollection(this);\n    this.filters = filters.map((shape) => new Filter(this, shape));\n    this.sorting = sorting.map((shape) => new Sorting<T>(this, shape));\n    this.search = search ? new Search(this, search) : undefined;\n    this.itemView = itemView ? new ItemView(this, itemView) : undefined;\n    this.accordion = accordion;\n    this.table = table ? new Table(this, table) : undefined;\n    this.batches = new BatchesController(this, batchesController);\n    this.componentProps = componentProps;\n    this.loader = IncrementalLoader.useNew<T>(this, loader);\n    this.onAction = onAction;\n    this.getItemId = getItemId;\n    this.reactTable = ReactTable.useNew(this, onChange, {\n      manualFiltering: this.loader.manualFiltering,\n      manualPagination: this.loader.manualPagination,\n      manualSorting: this.loader.manualSorting,\n    });\n\n    const [viewMode, setViewMode] = useState(\n      defaultViewMode ?? this.getStoredViewModeDefaultSetting() ?? \"list\",\n    );\n    this.viewMode = viewMode;\n\n    this.setViewMode = (viewMode) => {\n      setViewMode(viewMode);\n      if (this.settingsStore && this.viewModeStorageKey) {\n        this.settingsStore.set(\n          \"List\",\n          this.viewModeStorageKey,\n          List.viewModeSettingsStorageSchema,\n          viewMode,\n        );\n      }\n    };\n\n    useEffect(() => {\n      this.filters.forEach((f) => f.deleteUnknownFilterValues());\n    }, [this.filters]);\n  }\n\n  public get isFiltered(): boolean {\n    return (\n      this.filters.some((f) => f.isActive()) ||\n      (!!this.search && this.search.isSet)\n    );\n  }\n\n  public get visibleSorting() {\n    return this.sorting.filter((s) => s.defaultEnabled !== \"hidden\");\n  }\n\n  public static useNew<T>(shape: ListShape<T>): List<T> {\n    return new List<T>(shape);\n  }\n\n  public storeFilterDefaultSettings() {\n    if (this.settingsStore && this.filterSettingsStorageKey) {\n      const data = Object.fromEntries(\n        this.filters.map((f) => [\n          f.property,\n          f\n            .getArrayValue()\n            .filter((v) => v.isActive)\n            .map((v) => v.id),\n        ]),\n      );\n\n      this.settingsStore.set(\n        \"List\",\n        this.filterSettingsStorageKey,\n        Filter.settingsStorageSchema,\n        data,\n      );\n    }\n  }\n\n  public getStoredFilterDefaultSettings() {\n    if (this.settingsStore && this.filterSettingsStorageKey) {\n      return this.settingsStore.get(\n        \"List\",\n        this.filterSettingsStorageKey,\n        Filter.settingsStorageSchema,\n      );\n    }\n  }\n\n  public getStoredViewModeDefaultSetting() {\n    if (this.settingsStore && this.viewModeStorageKey) {\n      return this.settingsStore.get(\n        \"List\",\n        this.viewModeStorageKey,\n        List.viewModeSettingsStorageSchema,\n      );\n    }\n  }\n\n  public getSorting(id: string): Sorting<T> {\n    const sorting = this.sorting.find((s) => s.id === id);\n    invariant(!!sorting, `Could not get Sorting (ID: ${id})`);\n    return sorting;\n  }\n\n  public clearSorting(): void {\n    return this.sorting.forEach((s) => s.clear());\n  }\n\n  public resetFilters(): void {\n    return this.filters.forEach((f) => f.resetValues());\n  }\n\n  public clearFilters(): void {\n    return this.filters.forEach((f) => f.clear());\n  }\n\n  public useIsEmpty(): boolean {\n    return !this.loader.useIsLoading() && this.items.entries.length === 0;\n  }\n}\n\nexport default List;\n"],"names":["shape","viewMode"],"mappings":"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"}

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

@@ -0,0 +1,111 @@
+"use client"
+/* */
+import { useReactTable, getFacetedUniqueValues, getPaginationRowModel, getFilteredRowModel, getSortedRowModel, getCoreRowModel } from '@tanstack/react-table';
+import invariant from 'invariant';
+import { useState, useEffect } from 'react';
+
+class ReactTable {
+  list;
+  table;
+  sortingState;
+  updateSortingState;
+  constructor(list, onChange, tableOptions = {}) {
+    this.list = list;
+    const defaultSorting = this.list.sorting.filter(
+      (s) => s.defaultEnabled !== false
+    );
+    const [sortingState, updateSortingState] = useState(
+      defaultSorting.map((s) => s.getReactTableColumnSort())
+    );
+    this.sortingState = sortingState;
+    this.updateSortingState = updateSortingState;
+    this.table = this.useReactTable(onChange, tableOptions);
+  }
+  get searchString() {
+    return this.table.getState().globalFilter;
+  }
+  static useNew(list, onChange, tableOptions = {}) {
+    return new ReactTable(list, onChange, tableOptions);
+  }
+  getTableColumn(property) {
+    const column = this.table.getColumn(property);
+    invariant(!!column, `Column #${property} is not defined`);
+    return column;
+  }
+  useReactTable(onChange, tableOptions = {}) {
+    const data = this.list.loader.useData();
+    const initialState = {
+      pagination: {
+        pageSize: this.list.batches.batchSize
+      },
+      columnFilters: []
+    };
+    for (const filter of this.list.filters) {
+      filter.updateInitialState(initialState);
+    }
+    this.list.search?.updateInitialState(initialState);
+    const table = useReactTable({
+      data,
+      state: {
+        sorting: this.sortingState
+      },
+      getRowId: this.list.getItemId,
+      initialState,
+      columns: this.getTableColumnDefs(),
+      getCoreRowModel: getCoreRowModel(),
+      getSortedRowModel: getSortedRowModel(),
+      getFilteredRowModel: getFilteredRowModel(),
+      getPaginationRowModel: getPaginationRowModel(),
+      getFacetedUniqueValues: getFacetedUniqueValues(),
+      onSortingChange: (updater) => {
+        this.handleSortingStateUpdate(updater);
+      },
+      globalFilterFn: "auto",
+      ...tableOptions
+    });
+    useEffect(() => {
+      if (onChange) {
+        onChange(this.list);
+      }
+    }, [this.list, onChange, table]);
+    return table;
+  }
+  handleSortingStateUpdate(updater) {
+    const newSortingState = typeof updater === "function" ? updater(this.sortingState) : updater;
+    const additionalHiddenSorting = this.list.sorting.filter(
+      (s) => s.defaultEnabled === "hidden" && !newSortingState.some((existing) => existing.id === s.property)
+    ).map((s) => s.getReactTableColumnSort());
+    this.updateSortingState([...additionalHiddenSorting, ...newSortingState]);
+  }
+  getTableColumnDefs() {
+    const columnDefsMap = /* @__PURE__ */ new Map();
+    const getOrCreateColumnDef = (p) => {
+      const existing = columnDefsMap.get(p);
+      if (existing) {
+        return existing;
+      }
+      const newDef = {
+        id: p,
+        accessorKey: p,
+        enableSorting: false,
+        enableColumnFilter: false,
+        sortingFn: "alphanumeric"
+      };
+      columnDefsMap.set(p, newDef);
+      return newDef;
+    };
+    this.list.filters.forEach(
+      (f) => f.updateTableColumnDef(getOrCreateColumnDef(f.property))
+    );
+    this.list.sorting.forEach(
+      (s) => s.updateTableColumnDef(getOrCreateColumnDef(s.property))
+    );
+    this.list.loader.staticDataProperties.forEach((property) => {
+      getOrCreateColumnDef(property);
+    });
+    return Array.from(columnDefsMap.values());
+  }
+}
+
+export { ReactTable, ReactTable as default };
+//# sourceMappingURL=ReactTable.mjs.map

package/dist/js/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> {\n  public readonly list: List<T>;\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>,\n    onChange?: OnListChanged<T>,\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>(\n    list: List<T>,\n    onChange?: OnListChanged<T>,\n    tableOptions: Partial<TableOptions<T>> = {},\n  ): ReactTable<T> {\n    return new ReactTable<T>(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>,\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/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.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 ?? "one";
+    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/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.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 ?? \"one\";\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/List/model/filter/FilterValue.mjs

@@ -0,0 +1,46 @@
+"use client"
+/* */
+import { isShallowEqual } from 'remeda';
+import { hash } from 'object-code';
+
+class FilterValue {
+  filter;
+  value;
+  id;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  constructor(filter, value) {
+    this.filter = filter;
+    if (typeof value === "string" && value.startsWith("FilterValueId@@")) {
+      this.value = filter.values.find((v) => v.id === value)?.value;
+      this.id = value;
+    } else {
+      this.value = value;
+      this.id = `FilterValueId@@${this.filter.property}@@${hash(this.value)}`;
+    }
+  }
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  static create(filter, value) {
+    if (value instanceof FilterValue) {
+      return value;
+    }
+    return new FilterValue(filter, value);
+  }
+  equals(otherValue) {
+    return isShallowEqual(this.value, otherValue.value);
+  }
+  get isActive() {
+    return this.filter.isValueActive(this);
+  }
+  render() {
+    return this.filter.renderItem(this.value);
+  }
+  toggle() {
+    this.filter.toggleValue(this);
+  }
+  deactivate() {
+    this.filter.deactivateValue(this);
+  }
+}
+
+export { FilterValue };
+//# sourceMappingURL=FilterValue.mjs.map

package/dist/js/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,WAAY,CAAA;AAAA,EACP,MAAA;AAAA,EACA,KAAA;AAAA,EACA,EAAA;AAAA;AAAA,EAGR,WAAA,CAAY,QAA+B,KAAgB,EAAA;AACjE,IAAA,IAAA,CAAK,MAAS,GAAA,MAAA;AAEd,IAAA,IAAI,OAAO,KAAU,KAAA,QAAA,IAAY,KAAM,CAAA,UAAA,CAAW,iBAAiB,CAAG,EAAA;AACpE,MAAK,IAAA,CAAA,KAAA,GAAQ,OAAO,MAAO,CAAA,IAAA,CAAK,CAAC,CAAM,KAAA,CAAA,CAAE,EAAO,KAAA,KAAK,CAAG,EAAA,KAAA;AACxD,MAAA,IAAA,CAAK,EAAK,GAAA,KAAA;AAAA,KACL,MAAA;AACL,MAAA,IAAA,CAAK,KAAQ,GAAA,KAAA;AACb,MAAK,IAAA,CAAA,EAAA,GAAK,kBAAkB,IAAK,CAAA,MAAA,CAAO,QAAQ,CAAK,EAAA,EAAA,IAAA,CAAK,IAAK,CAAA,KAAK,CAAC,CAAA,CAAA;AAAA;AACvE;AACF;AAAA,EAGA,OAAc,MAAO,CAAA,MAAA,EAA+B,KAAgB,EAAA;AAClE,IAAA,IAAI,iBAAiB,WAAa,EAAA;AAChC,MAAO,OAAA,KAAA;AAAA;AAET,IAAO,OAAA,IAAI,WAAY,CAAA,MAAA,EAAQ,KAAK,CAAA;AAAA;AACtC,EAEO,OAAO,UAAyB,EAAA;AACrC,IAAA,OAAO,cAAe,CAAA,IAAA,CAAK,KAAO,EAAA,UAAA,CAAW,KAAK,CAAA;AAAA;AACpD,EAEA,IAAW,QAAW,GAAA;AACpB,IAAO,OAAA,IAAA,CAAK,MAAO,CAAA,aAAA,CAAc,IAAI,CAAA;AAAA;AACvC,EAEO,MAAS,GAAA;AACd,IAAA,OAAO,IAAK,CAAA,MAAA,CAAO,UAAW,CAAA,IAAA,CAAK,KAAc,CAAA;AAAA;AACnD,EAEO,MAAS,GAAA;AACd,IAAK,IAAA,CAAA,MAAA,CAAO,YAAY,IAAI,CAAA;AAAA;AAC9B,EAEO,UAAa,GAAA;AAClB,IAAK,IAAA,CAAA,MAAA,CAAO,gBAAgB,IAAI,CAAA;AAAA;AAEpC;;;;"}

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

@@ -0,0 +1,18 @@
+"use client"
+/* */
+class Item {
+  id;
+  data;
+  collection;
+  constructor(collection, id, data) {
+    this.collection = collection;
+    this.id = id;
+    this.data = data;
+  }
+  static fromRow(collection, row) {
+    return new Item(collection, row.id, row.original);
+  }
+}
+
+export { Item };
+//# sourceMappingURL=Item.mjs.map

package/dist/js/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,IAAQ,CAAA;AAAA,EACH,EAAA;AAAA,EACA,IAAA;AAAA,EACA,UAAA;AAAA,EAET,WAAA,CAAY,UAA+B,EAAA,EAAA,EAAY,IAAS,EAAA;AACrE,IAAA,IAAA,CAAK,UAAa,GAAA,UAAA;AAClB,IAAA,IAAA,CAAK,EAAK,GAAA,EAAA;AACV,IAAA,IAAA,CAAK,IAAO,GAAA,IAAA;AAAA;AACd,EAEA,OAAc,OACZ,CAAA,UAAA,EACA,GACS,EAAA;AACT,IAAA,OAAO,IAAI,IAAK,CAAA,UAAA,EAAY,GAAI,CAAA,EAAA,EAAI,IAAI,QAAQ,CAAA;AAAA;AAEpD;;;;"}

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

@@ -0,0 +1,16 @@
+"use client"
+/* */
+import { Item } from './Item.mjs';
+
+class ItemCollection {
+  list;
+  constructor(list) {
+    this.list = list;
+  }
+  get entries() {
+    return this.list.reactTable.table.getRowModel().rows.map((r) => Item.fromRow(this, r));
+  }
+}
+
+export { ItemCollection };
+//# sourceMappingURL=ItemCollection.mjs.map

package/dist/js/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,cAAkB,CAAA;AAAA,EACb,IAAA;AAAA,EAET,YAAY,IAAe,EAAA;AAChC,IAAA,IAAA,CAAK,IAAO,GAAA,IAAA;AAAA;AACd,EAEA,IAAW,OAAqB,GAAA;AAC9B,IAAA,OAAO,IAAK,CAAA,IAAA,CAAK,UAAW,CAAA,KAAA,CACzB,aACA,CAAA,IAAA,CAAK,GAAI,CAAA,CAAC,CAAM,KAAA,IAAA,CAAK,OAAQ,CAAA,IAAA,EAAM,CAAC,CAAC,CAAA;AAAA;AAE5C;;;;"}