@mittwald/flow-react-components 0.2.0-alpha.783 → 0.2.0-alpha.784

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

@@ -1,102 +1,122 @@
 "use client"
 /* */
-import { Filter } from "./filter/Filter.mjs";
-import { useEffect, useEffectEvent, useState } from "react";
-import invariant from "invariant";
-import { getCoreRowModel, getFacetedUniqueValues, getFilteredRowModel, getPaginationRowModel, getSortedRowModel, useReactTable } from "@tanstack/react-table";
-//#region src/components/List/model/ReactTable.ts
-var ReactTable = class ReactTable {
-	list;
-	table;
-	sortingState;
-	updateSortingState;
-	constructor(list, onChange, tableOptions = {}) {
-		this.list = list;
-		const [sortingState, updateSortingState] = useState(this.list.sorting.filter((s) => s.initialEnabled !== false).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
-		});
-		const reactTableState = table.getState();
-		const onFiltersChanged = useEffectEvent(() => {
-			Filter.storeFilters(this.list, { autosave: true });
-		});
-		const onStateChanged = useEffectEvent(() => {
-			if (onChange) onChange(this.list);
-		});
-		useEffect(() => {
-			onStateChanged();
-		}, [reactTableState]);
-		useEffect(() => {
-			onFiltersChanged();
-		}, [reactTableState.columnFilters]);
-		return table;
-	}
-	handleSortingStateUpdate(updater) {
-		const newSortingState = typeof updater === "function" ? updater(this.sortingState) : updater;
-		const additionalHiddenSorting = this.list.sorting.filter((s) => s.initialEnabled === "hidden" && !newSortingState.some((existing) => existing.id === s.property)).map((s) => s.getReactTableColumnSort());
-		this.updateSortingState([...additionalHiddenSorting, ...newSortingState]);
-	}
-	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());
-	}
-};
-//#endregion
-export { ReactTable as default };
+import { useReactTable, getFacetedUniqueValues, getPaginationRowModel, getFilteredRowModel, getSortedRowModel, getCoreRowModel } from '@tanstack/react-table';
+import invariant from 'invariant';
+import { useState, useEffectEvent, useEffect } from 'react';
+import { Filter } from './filter/Filter.mjs';
 
-//# sourceMappingURL=ReactTable.mjs.map
+class ReactTable {
+  list;
+  table;
+  sortingState;
+  updateSortingState;
+  constructor(list, onChange, tableOptions = {}) {
+    this.list = list;
+    const defaultSorting = this.list.sorting.filter(
+      (s) => s.initialEnabled !== 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
+    });
+    const reactTableState = table.getState();
+    const onFiltersChanged = useEffectEvent(() => {
+      Filter.storeFilters(this.list, { autosave: true });
+    });
+    const onStateChanged = useEffectEvent(() => {
+      if (onChange) {
+        onChange(this.list);
+      }
+    });
+    useEffect(() => {
+      onStateChanged();
+    }, [reactTableState]);
+    useEffect(() => {
+      onFiltersChanged();
+    }, [reactTableState.columnFilters]);
+    return table;
+  }
+  handleSortingStateUpdate(updater) {
+    const newSortingState = typeof updater === "function" ? updater(this.sortingState) : updater;
+    const additionalHiddenSorting = this.list.sorting.filter(
+      (s) => s.initialEnabled === "hidden" && !newSortingState.some((existing) => existing.id === s.property)
+    ).map((s) => s.getReactTableColumnSort());
+    this.updateSortingState([...additionalHiddenSorting, ...newSortingState]);
+  }
+  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/packages/components/src/components/List/model/ReactTable.mjs.map

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

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

@@ -1,29 +1,36 @@
 "use client"
 /* */
-import { isDateRangeValue } from "../../../Calendar/components/RangeCalendar/types.mjs";
-import "../../../Calendar/index.mjs";
-import { Filter } from "./Filter.mjs";
-import { dateRangeFilterFn } from "./dateRangeFilterFn.mjs";
-//#region src/components/List/model/filter/DateRangeFilter.tsx
-var DateRangeFilter = class extends Filter {
-	dateRangeOptions;
-	constructor(list, shape) {
-		super(list, shape);
-		this.dateRangeOptions = shape.dateRangeOptions;
-	}
-	updateTableColumnDef(def) {
-		def.enableColumnFilter = true;
-		def.filterFn = dateRangeFilterFn;
-	}
-	getValue() {
-		const value = this.getTableColumnFilter()?.value;
-		return isDateRangeValue(value) ? value : null;
-	}
-	setValue(range) {
-		this.list.reactTable.getTableColumn(this.property).setFilterValue(range);
-	}
-};
-//#endregion
-export { DateRangeFilter };
+import { Filter } from './Filter.mjs';
+import 'react/jsx-runtime';
+import 'react';
+import 'react-aria-components';
+import '../../../Button/Button.mjs';
+import '@mittwald/flow-icons';
+import '../../../Icon/components/IconSetProvider.mjs';
+import '../../../Icon/Icon.mjs';
+import '../../../../views/IconView.mjs';
+import 'clsx';
+import { isDateRangeValue } from '../../../Calendar/components/RangeCalendar/types.mjs';
+import { dateRangeFilterFn } from './dateRangeFilterFn.mjs';
+
+class DateRangeFilter extends Filter {
+  dateRangeOptions;
+  constructor(list, shape) {
+    super(list, shape);
+    this.dateRangeOptions = shape.dateRangeOptions;
+  }
+  updateTableColumnDef(def) {
+    def.enableColumnFilter = true;
+    def.filterFn = dateRangeFilterFn;
+  }
+  getValue() {
+    const value = this.getTableColumnFilter()?.value;
+    return isDateRangeValue(value) ? value : null;
+  }
+  setValue(range) {
+    this.list.reactTable.getTableColumn(this.property).setFilterValue(range);
+  }
+}
 
-//# sourceMappingURL=DateRangeFilter.mjs.map
+export { DateRangeFilter };
+//# sourceMappingURL=DateRangeFilter.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"DateRangeFilter.mjs","names":[],"sources":["../../../../../../../../../src/components/List/model/filter/DateRangeFilter.tsx"],"sourcesContent":["import type { ColumnDef } from \"@tanstack/react-table\";\nimport type List from \"@/components/List/model/List\";\nimport { Filter } from \"./Filter\";\nimport type { FilterShape } from \"@/components/List/model/filter/types\";\nimport type { PropertyName } from \"@/components/List/model/types\";\n\nimport type { DateRange, RangeValue } from \"react-aria-components\";\nimport type { DateValue } from \"@internationalized/date\";\nimport {\n  isDateRangeValue,\n  type RangeCalendarProps,\n} from \"@/components/Calendar\";\nimport { dateRangeFilterFn } from \"@/components/List/model/filter/dateRangeFilterFn\";\n\nexport class DateRangeFilter<\n  T = never,\n  TProp extends PropertyName<T> = never,\n> extends Filter<T, TProp> {\n  public readonly dateRangeOptions?: RangeCalendarProps;\n\n  public constructor(list: List<T>, shape: FilterShape<T, TProp, never>) {\n    super(list, shape);\n    this.dateRangeOptions = shape.dateRangeOptions;\n  }\n\n  public override updateTableColumnDef(def: ColumnDef<T>): void {\n    def.enableColumnFilter = true;\n    def.filterFn = dateRangeFilterFn;\n  }\n\n  public override getValue(): DateRange | null {\n    const value = this.getTableColumnFilter()?.value;\n    return isDateRangeValue(value) ? value : null;\n  }\n\n  public setValue(range: RangeValue<DateValue>) {\n    this.list.reactTable.getTableColumn(this.property).setFilterValue(range);\n  }\n}\n"],"mappings":";;;;;AAcA,IAAa,kBAAb,cAGU,OAAiB;CACzB;CAEA,YAAmB,MAAe,OAAqC;AACrE,QAAM,MAAM,MAAM;AAClB,OAAK,mBAAmB,MAAM;;CAGhC,qBAAqC,KAAyB;AAC5D,MAAI,qBAAqB;AACzB,MAAI,WAAW;;CAGjB,WAA6C;EAC3C,MAAM,QAAQ,KAAK,sBAAsB,EAAE;AAC3C,SAAO,iBAAiB,MAAM,GAAG,QAAQ;;CAG3C,SAAgB,OAA8B;AAC5C,OAAK,KAAK,WAAW,eAAe,KAAK,SAAS,CAAC,eAAe,MAAM"}
+{"version":3,"file":"DateRangeFilter.mjs","sources":["../../../../../../../../../src/components/List/model/filter/DateRangeFilter.tsx"],"sourcesContent":["import type { ColumnDef } from \"@tanstack/react-table\";\nimport type List from \"@/components/List/model/List\";\nimport { Filter } from \"./Filter\";\nimport type { FilterShape } from \"@/components/List/model/filter/types\";\nimport type { PropertyName } from \"@/components/List/model/types\";\n\nimport type { DateRange, RangeValue } from \"react-aria-components\";\nimport type { DateValue } from \"@internationalized/date\";\nimport {\n  isDateRangeValue,\n  type RangeCalendarProps,\n} from \"@/components/Calendar\";\nimport { dateRangeFilterFn } from \"@/components/List/model/filter/dateRangeFilterFn\";\n\nexport class DateRangeFilter<\n  T = never,\n  TProp extends PropertyName<T> = never,\n> extends Filter<T, TProp> {\n  public readonly dateRangeOptions?: RangeCalendarProps;\n\n  public constructor(list: List<T>, shape: FilterShape<T, TProp, never>) {\n    super(list, shape);\n    this.dateRangeOptions = shape.dateRangeOptions;\n  }\n\n  public override updateTableColumnDef(def: ColumnDef<T>): void {\n    def.enableColumnFilter = true;\n    def.filterFn = dateRangeFilterFn;\n  }\n\n  public override getValue(): DateRange | null {\n    const value = this.getTableColumnFilter()?.value;\n    return isDateRangeValue(value) ? value : null;\n  }\n\n  public setValue(range: RangeValue<DateValue>) {\n    this.list.reactTable.getTableColumn(this.property).setFilterValue(range);\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;AAcO,MAAM,wBAGH,MAAA,CAAiB;AAAA,EACT,gBAAA;AAAA,EAET,WAAA,CAAY,MAAe,KAAA,EAAqC;AACrE,IAAA,KAAA,CAAM,MAAM,KAAK,CAAA;AACjB,IAAA,IAAA,CAAK,mBAAmB,KAAA,CAAM,gBAAA;AAAA,EAChC;AAAA,EAEgB,qBAAqB,GAAA,EAAyB;AAC5D,IAAA,GAAA,CAAI,kBAAA,GAAqB,IAAA;AACzB,IAAA,GAAA,CAAI,QAAA,GAAW,iBAAA;AAAA,EACjB;AAAA,EAEgB,QAAA,GAA6B;AAC3C,IAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,oBAAA,EAAqB,EAAG,KAAA;AAC3C,IAAA,OAAO,gBAAA,CAAiB,KAAK,CAAA,GAAI,KAAA,GAAQ,IAAA;AAAA,EAC3C;AAAA,EAEO,SAAS,KAAA,EAA8B;AAC5C,IAAA,IAAA,CAAK,KAAK,UAAA,CAAW,cAAA,CAAe,KAAK,QAAQ,CAAA,CAAE,eAAe,KAAK,CAAA;AAAA,EACzE;AACF;;;;"}