@mittwald/flow-react-components 0.2.0-alpha.80 → 0.2.0-alpha.800

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

@@ -0,0 +1,90 @@
+"use client"
+/* */
+import z from 'zod';
+
+const supportedSettings = {
+  activeFilters: {
+    supports: {
+      autosave: true,
+      manualSave: true
+    },
+    schema: z.record(z.string().or(z.symbol()), z.array(z.string())).optional()
+  },
+  viewMode: {
+    supports: {
+      autosave: true,
+      manualSave: false
+    },
+    schema: z.enum(["list", "table", "tiles"]).optional()
+  },
+  sorting: {
+    supports: {
+      autosave: true,
+      manualSave: false
+    },
+    schema: z.object({
+      direction: z.enum(["asc", "desc"]),
+      property: z.string().or(z.number())
+    }).optional()
+  },
+  search: {
+    supports: {
+      autosave: true,
+      manualSave: false
+    },
+    schema: z.object({
+      value: z.string().optional()
+    }).optional()
+  }
+};
+class ListSettingsStore {
+  list;
+  storageKey;
+  settingsStore;
+  constructor(list, store, shape) {
+    this.list = list;
+    this.settingsStore = store;
+    this.storageKey = shape.storageKey;
+  }
+  getStorageKey(key, autosave = false) {
+    const autosaveSuffix = autosave ? ".autosave" : "";
+    return `${this.storageKey}.${key}${autosaveSuffix}`;
+  }
+  store(key, value, options) {
+    const settings = supportedSettings[key];
+    if (settings.supports.manualSave && options.manualSave) {
+      this.settingsStore.set(
+        "List",
+        this.getStorageKey(key, false),
+        settings.schema,
+        value
+      );
+    }
+    if (settings.supports.autosave && options.autosave) {
+      this.settingsStore.set(
+        "List",
+        this.getStorageKey(key, true),
+        settings.schema,
+        value
+      );
+    }
+  }
+  get(key, options) {
+    const settings = supportedSettings[key];
+    const { autosave, manualSave = !autosave } = options;
+    const getAutosavedValue = () => this.settingsStore.get(
+      "List",
+      this.getStorageKey(key, options.autosave),
+      settings.schema
+    );
+    const getManuallySavedValue = () => this.settingsStore.get(
+      "List",
+      this.getStorageKey(key, false),
+      settings.schema
+    );
+    return (settings.supports.autosave && autosave ? getAutosavedValue() : void 0) ?? (settings.supports.manualSave && manualSave ? getManuallySavedValue() : void 0);
+  }
+}
+
+export { ListSettingsStore };
+//# sourceMappingURL=ListSettingsStore.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListSettingsStore.mjs","sources":["../../../../../../../../src/components/List/model/ListSettingsStore.ts"],"sourcesContent":["import type { SettingsStore } from \"@/components/SettingsProvider/models/SettingsStore\";\nimport type { ListSettingsStorageShape } from \"./types\";\nimport type List from \"./List\";\nimport z from \"zod\";\n\nexport interface ListSettingsStoreOperationOptions {\n  autosave?: boolean;\n  manualSave?: boolean;\n}\n\nconst supportedSettings = {\n  activeFilters: {\n    supports: {\n      autosave: true,\n      manualSave: true,\n    },\n    schema: z.record(z.string().or(z.symbol()), z.array(z.string())).optional(),\n  },\n  viewMode: {\n    supports: {\n      autosave: true,\n      manualSave: false,\n    },\n    schema: z.enum([\"list\", \"table\", \"tiles\"]).optional(),\n  },\n  sorting: {\n    supports: {\n      autosave: true,\n      manualSave: false,\n    },\n    schema: z\n      .object({\n        direction: z.enum([\"asc\", \"desc\"]),\n        property: z.string().or(z.number()),\n      })\n      .optional(),\n  },\n  search: {\n    supports: {\n      autosave: true,\n      manualSave: false,\n    },\n    schema: z\n      .object({\n        value: z.string().optional(),\n      })\n      .optional(),\n  },\n} as const;\n\ntype SupportedSettings = keyof typeof supportedSettings;\n\ntype SchemaOf<T extends SupportedSettings> =\n  (typeof supportedSettings)[T][\"schema\"];\n\nexport class ListSettingsStore<T> {\n  public readonly list: List<T>;\n  public readonly storageKey: string;\n  private readonly settingsStore: SettingsStore;\n\n  public constructor(\n    list: List<T>,\n    store: SettingsStore,\n    shape: ListSettingsStorageShape,\n  ) {\n    this.list = list;\n    this.settingsStore = store;\n    this.storageKey = shape.storageKey;\n  }\n\n  private getStorageKey(key: string, autosave = false) {\n    const autosaveSuffix = autosave ? \".autosave\" : \"\";\n    return `${this.storageKey}.${key}${autosaveSuffix}`;\n  }\n\n  public store<T extends SupportedSettings>(\n    key: T,\n    value: z.infer<(typeof supportedSettings)[T][\"schema\"]>,\n    options: ListSettingsStoreOperationOptions,\n  ) {\n    const settings = supportedSettings[key];\n\n    if (settings.supports.manualSave && options.manualSave) {\n      this.settingsStore.set(\n        \"List\",\n        this.getStorageKey(key, false),\n        settings.schema,\n        value as never,\n      );\n    }\n    if (settings.supports.autosave && options.autosave) {\n      this.settingsStore.set(\n        \"List\",\n        this.getStorageKey(key, true),\n        settings.schema,\n        value as never,\n      );\n    }\n  }\n\n  public get<T extends SupportedSettings>(\n    key: T,\n    options: ListSettingsStoreOperationOptions,\n  ): z.infer<SchemaOf<T>> | undefined {\n    const settings = supportedSettings[key];\n    const { autosave, manualSave = !autosave } = options; // to ensure settings is used and avoid unused variable error\n\n    const getAutosavedValue = () =>\n      this.settingsStore.get(\n        \"List\",\n        this.getStorageKey(key, options.autosave),\n        settings.schema,\n      ) as z.infer<SchemaOf<T>> | undefined;\n\n    const getManuallySavedValue = () =>\n      this.settingsStore.get(\n        \"List\",\n        this.getStorageKey(key, false),\n        settings.schema,\n      ) as z.infer<SchemaOf<T>> | undefined;\n\n    return (\n      (settings.supports.autosave && autosave\n        ? getAutosavedValue()\n        : undefined) ??\n      (settings.supports.manualSave && manualSave\n        ? getManuallySavedValue()\n        : undefined)\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,41 @@
+"use client"
+/* */
+import { useState } from 'react';
+
+class ListViewMode {
+  list;
+  autosave;
+  state;
+  constructor(list, options = {}) {
+    const {
+      defaultViewMode,
+      autosave = list.settingsStorageDefaults?.viewMode?.autosave ?? true
+    } = options;
+    this.list = list;
+    this.autosave = autosave;
+    this.state = useState(
+      this.list.settingsStorage?.get("viewMode", { autosave: this.autosave }) ?? defaultViewMode ?? "list"
+    );
+  }
+  get value() {
+    return this.state[0];
+  }
+  get isTiles() {
+    return this.value === "tiles";
+  }
+  get isTable() {
+    return this.value === "table";
+  }
+  get isList() {
+    return this.value === "list";
+  }
+  set(viewMode) {
+    this.state[1](viewMode);
+    this.list.settingsStorage?.store("viewMode", viewMode, {
+      autosave: this.autosave
+    });
+  }
+}
+
+export { ListViewMode };
+//# sourceMappingURL=ListViewMode.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListViewMode.mjs","sources":["../../../../../../../../src/components/List/model/ListViewMode.ts"],"sourcesContent":["import { useState } from \"react\";\nimport type { ListViewMode as RawListViewMode } from \"./types\";\nimport type { List } from \"./List\";\n\ninterface Options {\n  defaultViewMode?: RawListViewMode;\n  autosave?: boolean;\n}\n\nexport class ListViewMode<T = unknown> {\n  public readonly list: List<T>;\n  public readonly autosave: boolean;\n  private readonly state: [\n    RawListViewMode,\n    React.Dispatch<React.SetStateAction<RawListViewMode>>,\n  ];\n\n  public constructor(list: List<T>, options: Options = {}) {\n    const {\n      defaultViewMode,\n      autosave = list.settingsStorageDefaults?.viewMode?.autosave ?? true,\n    } = options;\n\n    this.list = list;\n    this.autosave = autosave;\n    this.state = useState(\n      this.list.settingsStorage?.get(\"viewMode\", { autosave: this.autosave }) ??\n        defaultViewMode ??\n        \"list\",\n    );\n  }\n\n  public get value() {\n    return this.state[0];\n  }\n\n  public get isTiles() {\n    return this.value === \"tiles\";\n  }\n\n  public get isTable() {\n    return this.value === \"table\";\n  }\n\n  public get isList() {\n    return this.value === \"list\";\n  }\n\n  public set(viewMode: RawListViewMode): void {\n    this.state[1](viewMode);\n    this.list.settingsStorage?.store(\"viewMode\", viewMode, {\n      autosave: this.autosave,\n    });\n  }\n}\n"],"names":[],"mappings":";;AASO,MAAM,YAAA,CAA0B;AAAA,EACrB,IAAA;AAAA,EACA,QAAA;AAAA,EACC,KAAA;AAAA,EAKV,WAAA,CAAY,IAAA,EAAe,OAAA,GAAmB,EAAC,EAAG;AACvD,IAAA,MAAM;AAAA,MACJ,eAAA;AAAA,MACA,QAAA,GAAW,IAAA,CAAK,uBAAA,EAAyB,QAAA,EAAU,QAAA,IAAY;AAAA,KACjE,GAAI,OAAA;AAEJ,IAAA,IAAA,CAAK,IAAA,GAAO,IAAA;AACZ,IAAA,IAAA,CAAK,QAAA,GAAW,QAAA;AAChB,IAAA,IAAA,CAAK,KAAA,GAAQ,QAAA;AAAA,MACX,IAAA,CAAK,IAAA,CAAK,eAAA,EAAiB,GAAA,CAAI,UAAA,EAAY,EAAE,QAAA,EAAU,IAAA,CAAK,QAAA,EAAU,CAAA,IACpE,eAAA,IACA;AAAA,KACJ;AAAA,EACF;AAAA,EAEA,IAAW,KAAA,GAAQ;AACjB,IAAA,OAAO,IAAA,CAAK,MAAM,CAAC,CAAA;AAAA,EACrB;AAAA,EAEA,IAAW,OAAA,GAAU;AACnB,IAAA,OAAO,KAAK,KAAA,KAAU,OAAA;AAAA,EACxB;AAAA,EAEA,IAAW,OAAA,GAAU;AACnB,IAAA,OAAO,KAAK,KAAA,KAAU,OAAA;AAAA,EACxB;AAAA,EAEA,IAAW,MAAA,GAAS;AAClB,IAAA,OAAO,KAAK,KAAA,KAAU,MAAA;AAAA,EACxB;AAAA,EAEO,IAAI,QAAA,EAAiC;AAC1C,IAAA,IAAA,CAAK,KAAA,CAAM,CAAC,CAAA,CAAE,QAAQ,CAAA;AACtB,IAAA,IAAA,CAAK,IAAA,CAAK,eAAA,EAAiB,KAAA,CAAM,UAAA,EAAY,QAAA,EAAU;AAAA,MACrD,UAAU,IAAA,CAAK;AAAA,KAChB,CAAA;AAAA,EACH;AACF;;;;"}

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

@@ -0,0 +1,122 @@
+"use client"
+/* */
+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';
+
+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

@@ -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, 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

@@ -0,0 +1,36 @@
+"use client"
+/* */
+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);
+  }
+}
+
+export { DateRangeFilter };
+//# sourceMappingURL=DateRangeFilter.mjs.map

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

@@ -0,0 +1 @@
+{"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;;;;"}

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

@@ -0,0 +1,229 @@
+"use client"
+/* */
+import { getProperty } from 'dot-prop';
+import { customPropertyPrefix } from '../types.mjs';
+import { unique, difference } from 'remeda';
+import { FilterValue } from './FilterValue.mjs';
+import { toArray } from '../../../../lib/array/toArray.mjs';
+
+const equalsPropertyMatcher = (filterValue, propertyValue) => filterValue === propertyValue;
+const stringCastRenderMethod = (value) => String(value);
+class Filter {
+  _values;
+  _valuesFromTableState;
+  list;
+  property;
+  mode;
+  matcher;
+  renderItem;
+  name;
+  autosave;
+  manualSave;
+  onFilterChangeCallbacks = /* @__PURE__ */ new Set();
+  defaultSelectedValues;
+  priority;
+  storageKey;
+  constructor(list, shape) {
+    const {
+      autosave = list.settingsStorageDefaults?.filters?.autosave ?? false,
+      manualSave = list.settingsStorageDefaults?.filters?.manualSave ?? true,
+      property,
+      mode = "some",
+      values,
+      matcher = equalsPropertyMatcher,
+      renderItem = stringCastRenderMethod,
+      priority = "primary",
+      name,
+      defaultSelected,
+      onChange
+    } = shape;
+    this.list = list;
+    this.autosave = autosave;
+    this.manualSave = manualSave;
+    this.property = property;
+    this.storageKey = String(property);
+    this.mode = mode;
+    this._values = values?.map((v) => FilterValue.create(this, v));
+    this.matcher = matcher;
+    this.renderItem = renderItem;
+    this.name = name;
+    this.priority = priority;
+    this.defaultSelectedValues = defaultSelected?.map(
+      (v) => FilterValue.create(this, v)
+    );
+    if (onChange) {
+      this.onFilterChangeCallbacks.add(onChange);
+    }
+  }
+  updateInitialState(initialState) {
+    const initialIds = this.getInitialSelectedIds();
+    if (initialIds?.length) {
+      initialState.columnFilters = [
+        ...initialState.columnFilters ?? [],
+        {
+          id: this.property,
+          value: initialIds
+        }
+      ];
+    }
+  }
+  getInitialSelectedIds() {
+    return this.getStoredSelectedIds({
+      autosave: this.autosave,
+      manualSave: this.manualSave
+    }) ?? this.defaultSelectedValues?.map((v) => v.id);
+  }
+  getStoredSelectedIds(options) {
+    return this.list.settingsStorage?.get("activeFilters", options)?.[this.storageKey];
+  }
+  getStoredSelectedValues(options) {
+    return this.getStoredSelectedIds(options)?.map((id) => this.values.find((v) => v.id === id)).filter((v) => v !== void 0);
+  }
+  static storeFilters(list, options) {
+    const data = Object.fromEntries(
+      list.filters.map((filter) => [
+        filter.storageKey,
+        filter.getArrayValue().map((v) => v.id)
+      ])
+    );
+    list.settingsStorage?.store("activeFilters", data, options);
+  }
+  updateTableColumnDef(def) {
+    def.enableColumnFilter = true;
+    def.filterFn = this.getReactTableFilterFn();
+  }
+  getReactTableFilterFn() {
+    return (row, _, filterValue) => {
+      const propertyAsString = this.property;
+      const filterBy = propertyAsString.startsWith(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") {
+      const oneValue = Array.isArray(filterValueInput) ? filterValueInput[0] : filterValueInput;
+      return predicate(toFilterValue(oneValue));
+    }
+    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.callOnChangedHandlers(updatedValue);
+  }
+  callOnChangedHandlers(newValue) {
+    const values = toArray(newValue).map((v) => v?.value);
+    this.onFilterChangeCallbacks.forEach((cb) => cb(values));
+  }
+  hasChanges() {
+    const currentIds = this.getArrayValue().map((v) => v.id);
+    const defaultIds = this.getStoredSelectedIds({ autosave: false }) ?? this.defaultSelectedValues?.map((v) => v.id) ?? [];
+    return currentIds.length !== defaultIds.length || difference(currentIds, defaultIds).length > 0;
+  }
+  isStoringAvailable() {
+    return !!this.list.settingsStorage && this.manualSave;
+  }
+  resetValues() {
+    let resetTo;
+    const storedValues = this.getStoredSelectedValues({ autosave: false }) ?? this.defaultSelectedValues;
+    if (storedValues) {
+      resetTo = storedValues;
+    } else {
+      if (this.mode === "all" || this.mode === "some") {
+        resetTo = [];
+      } else {
+        resetTo = null;
+      }
+    }
+    this.list.reactTable.getTableColumn(this.property).setFilterValue(resetTo);
+    this.callOnChangedHandlers(resetTo);
+  }
+  clear() {
+    this.list.reactTable.getTableColumn(this.property).setFilterValue(null);
+    this.callOnChangedHandlers(null);
+  }
+  toggleValue(newValue) {
+    const currentValueAsArray = this.getArrayValue();
+    let updatedValue;
+    if (this.mode === "all" || this.mode === "some") {
+      if (newValue.isActive) {
+        updatedValue = currentValueAsArray.filter((v) => !v.equals(newValue));
+      } else {
+        updatedValue = [...currentValueAsArray, newValue];
+      }
+    } else {
+      updatedValue = newValue.isActive ? null : newValue;
+    }
+    this.list.reactTable.getTableColumn(this.property).setFilterValue(updatedValue);
+    this.callOnChangedHandlers(updatedValue);
+  }
+  onFilterUpdated(cb) {
+    this.onFilterChangeCallbacks.add(cb);
+  }
+}
+
+export { Filter };
+//# sourceMappingURL=Filter.mjs.map

package/dist/js/packages/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  FilterUpdatedCallback,\n} from \"@/components/List/model/filter/types\";\nimport type {\n  PropertyName,\n  PropertyValueRenderMethod,\n} from \"@/components/List/model/types\";\nimport { customPropertyPrefix } from \"@/components/List/model/types\";\nimport { difference, unique } from \"remeda\";\nimport { FilterValue } from \"@/components/List/model/filter/FilterValue\";\nimport { toArray } from \"@/lib/array/toArray\";\nimport type { ListSettingsStoreOperationOptions } from \"../ListSettingsStore\";\n\nconst equalsPropertyMatcher: FilterMatcher<unknown, never, never> = (\n  filterValue,\n  propertyValue,\n) => filterValue === propertyValue;\n\nconst stringCastRenderMethod: PropertyValueRenderMethod<unknown> = (value) =>\n  String(value);\n\nexport class Filter<\n  T = never,\n  TProp extends PropertyName<T> = never,\n  TMatchValue = never,\n> {\n  private _values?: FilterValue[] | undefined;\n  private _valuesFromTableState?: FilterValue[];\n  public readonly list: List<T>;\n  public readonly property: TProp;\n  public readonly mode: FilterMode;\n  public readonly matcher: FilterMatcher<T, never, never>;\n  public readonly renderItem: PropertyValueRenderMethod<TMatchValue>;\n  public readonly name?: string;\n  public readonly autosave: boolean;\n  public readonly manualSave: boolean;\n  private onFilterChangeCallbacks = new Set<FilterUpdatedCallback>();\n  private readonly defaultSelectedValues?: FilterValue[];\n  public readonly priority: \"primary\" | \"secondary\";\n  public readonly storageKey: string;\n\n  public constructor(list: List<T>, shape: FilterShape<T, TProp, TMatchValue>) {\n    const {\n      autosave = list.settingsStorageDefaults?.filters?.autosave ?? false,\n      manualSave = list.settingsStorageDefaults?.filters?.manualSave ?? true,\n      property,\n      mode = \"some\",\n      values,\n      matcher = equalsPropertyMatcher,\n      renderItem = stringCastRenderMethod,\n      priority = \"primary\",\n      name,\n      defaultSelected,\n      onChange,\n    } = shape;\n\n    this.list = list;\n    this.autosave = autosave;\n    this.manualSave = manualSave;\n    this.property = property;\n    this.storageKey = String(property);\n    this.mode = mode;\n    this._values = values?.map((v) => FilterValue.create(this, v));\n    this.matcher = matcher;\n    this.renderItem = renderItem;\n    this.name = name;\n    this.priority = priority;\n    this.defaultSelectedValues = defaultSelected?.map((v) =>\n      FilterValue.create(this, v),\n    );\n    if (onChange) {\n      this.onFilterChangeCallbacks.add(onChange);\n    }\n  }\n\n  public updateInitialState(initialState: InitialTableState) {\n    const initialIds = this.getInitialSelectedIds();\n\n    if (initialIds?.length) {\n      initialState.columnFilters = [\n        ...(initialState.columnFilters ?? []),\n        {\n          id: this.property as string,\n          value: initialIds,\n        },\n      ];\n    }\n  }\n\n  private getInitialSelectedIds() {\n    return (\n      this.getStoredSelectedIds({\n        autosave: this.autosave,\n        manualSave: this.manualSave,\n      }) ?? this.defaultSelectedValues?.map((v) => v.id)\n    );\n  }\n\n  private getStoredSelectedIds(options: ListSettingsStoreOperationOptions) {\n    return this.list.settingsStorage?.get(\"activeFilters\", options)?.[\n      this.storageKey\n    ];\n  }\n\n  private getStoredSelectedValues(options: ListSettingsStoreOperationOptions) {\n    return this.getStoredSelectedIds(options)\n      ?.map((id) => this.values.find((v) => v.id === id))\n      .filter((v): v is FilterValue => v !== undefined);\n  }\n\n  public static storeFilters<T>(\n    list: List<T>,\n    options: ListSettingsStoreOperationOptions,\n  ) {\n    const data = Object.fromEntries(\n      list.filters.map((filter) => [\n        filter.storageKey,\n        filter.getArrayValue().map((v) => v.id),\n      ]),\n    );\n\n    list.settingsStorage?.store(\"activeFilters\", data, options);\n  }\n\n  public updateTableColumnDef(def: ColumnDef<T>): void {\n    def.enableColumnFilter = true;\n    def.filterFn = this.getReactTableFilterFn();\n  }\n\n  private getReactTableFilterFn(): ColumnDef<T>[\"filterFn\"] {\n    return (row, _, filterValue) => {\n      const propertyAsString = this.property as string;\n\n      const filterBy = propertyAsString.startsWith(customPropertyPrefix)\n        ? row.original\n        : getProperty(row.original, propertyAsString);\n\n      return this.checkFilterMatches(filterBy, filterValue);\n    };\n  }\n\n  private checkFilterMatches(\n    property: unknown,\n    filterValueInput: unknown,\n  ): boolean {\n    if (filterValueInput === null) {\n      return true;\n    }\n\n    const predicate = (filterValue: FilterValue) =>\n      this.matcher(filterValue.value as never, property as never);\n\n    const toFilterValue = (something: unknown) =>\n      FilterValue.create(this, something);\n\n    if (this.mode === \"all\") {\n      return toArray(filterValueInput).map(toFilterValue).every(predicate);\n    } else if (this.mode === \"some\") {\n      const filterArr = toArray(filterValueInput);\n      return (\n        filterArr.length === 0 || filterArr.map(toFilterValue).some(predicate)\n      );\n    } else if (this.mode === \"one\") {\n      const oneValue = Array.isArray(filterValueInput)\n        ? filterValueInput[0]\n        : filterValueInput;\n      return predicate(toFilterValue(oneValue));\n    }\n\n    throw new Error(`Unknown filter mode '${this.mode}'`);\n  }\n\n  protected getTableColumnFilter(): ColumnFilter | undefined {\n    return this.list.reactTable.table\n      .getState()\n      .columnFilters.find((f) => f.id === this.property);\n  }\n\n  private getTableColumn(): Column<T> {\n    return this.list.reactTable.getTableColumn(this.property);\n  }\n\n  public getValue(): unknown {\n    return this.getTableColumnFilter()?.value ?? null;\n  }\n\n  private getValuesFromTableState() {\n    return unique(\n      Array.from(this.getTableColumn().getFacetedUniqueValues().keys())\n        .flatMap((v) => v)\n        .filter((v) => v !== undefined && v !== null),\n    ).map((v) => FilterValue.create(this, v));\n  }\n\n  private checkIfValueIsUnknown(value: FilterValue) {\n    const isKnown = this.values.some((v) => v.id === value.id);\n    return !isKnown;\n  }\n\n  public deleteUnknownFilterValues() {\n    if (this.values === this.valuesFromTableState) {\n      return;\n    }\n\n    for (const currentValues of this.getArrayValue()) {\n      if (this.checkIfValueIsUnknown(currentValues)) {\n        this.deactivateValue(currentValues);\n      }\n    }\n  }\n\n  public get values(): FilterValue[] {\n    return this._values ?? this.valuesFromTableState;\n  }\n\n  private get valuesFromTableState(): FilterValue[] {\n    if (!this._valuesFromTableState) {\n      this._valuesFromTableState = this.getValuesFromTableState();\n    }\n    return this._valuesFromTableState;\n  }\n\n  public getArrayValue(): FilterValue[] {\n    const value = this.getValue();\n    return value === null\n      ? []\n      : toArray(value).map((v) => FilterValue.create(this, v));\n  }\n\n  public isValueActive(value: FilterValue): boolean {\n    return this.getArrayValue().some((v) => v.equals(value));\n  }\n\n  public isActive(): boolean {\n    return this.getArrayValue().length > 0;\n  }\n\n  public deactivateValue(value: FilterValue): void {\n    const currentValueAsArray = this.getArrayValue();\n\n    let updatedValue: FilterValue[] | FilterValue | null;\n\n    if (this.mode === \"all\" || this.mode === \"some\") {\n      updatedValue = currentValueAsArray.filter((v) => !v.equals(value));\n    } else {\n      updatedValue = null;\n    }\n\n    this.list.reactTable\n      .getTableColumn(this.property)\n      .setFilterValue(updatedValue);\n\n    this.callOnChangedHandlers(updatedValue);\n  }\n\n  private callOnChangedHandlers(\n    newValue: FilterValue[] | FilterValue | null,\n  ): void {\n    const values = toArray(newValue).map((v) => v?.value);\n    this.onFilterChangeCallbacks.forEach((cb) => cb(values));\n  }\n\n  public hasChanges(): boolean {\n    const currentIds = this.getArrayValue().map((v) => v.id);\n\n    const defaultIds =\n      this.getStoredSelectedIds({ autosave: false }) ??\n      this.defaultSelectedValues?.map((v) => v.id) ??\n      [];\n\n    return (\n      currentIds.length !== defaultIds.length ||\n      difference(currentIds, defaultIds).length > 0\n    );\n  }\n\n  public isStoringAvailable(): boolean {\n    return !!this.list.settingsStorage && this.manualSave;\n  }\n\n  public resetValues(): void {\n    let resetTo: FilterValue[] | FilterValue | null;\n\n    const storedValues =\n      this.getStoredSelectedValues({ autosave: false }) ??\n      this.defaultSelectedValues;\n\n    if (storedValues) {\n      resetTo = storedValues;\n    } else {\n      if (this.mode === \"all\" || this.mode === \"some\") {\n        resetTo = [];\n      } else {\n        resetTo = null;\n      }\n    }\n\n    this.list.reactTable.getTableColumn(this.property).setFilterValue(resetTo);\n    this.callOnChangedHandlers(resetTo);\n  }\n\n  public clear(): void {\n    this.list.reactTable.getTableColumn(this.property).setFilterValue(null);\n    this.callOnChangedHandlers(null);\n  }\n\n  public toggleValue(newValue: FilterValue): void {\n    const currentValueAsArray = this.getArrayValue();\n\n    let updatedValue: FilterValue[] | FilterValue | null;\n\n    if (this.mode === \"all\" || this.mode === \"some\") {\n      if (newValue.isActive) {\n        updatedValue = currentValueAsArray.filter((v) => !v.equals(newValue));\n      } else {\n        updatedValue = [...currentValueAsArray, newValue];\n      }\n    } else {\n      updatedValue = newValue.isActive ? null : newValue;\n    }\n\n    this.list.reactTable\n      .getTableColumn(this.property)\n      .setFilterValue(updatedValue);\n    this.callOnChangedHandlers(updatedValue);\n  }\n\n  public onFilterUpdated(cb: () => unknown): void {\n    this.onFilterChangeCallbacks.add(cb);\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/js/packages/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/packages/components/src/components/List/model/filter/dateRangeFilterFn.mjs

@@ -0,0 +1,32 @@
+"use client"
+/* */
+import { DateTime } from 'luxon';
+import { CalendarDate } from '@internationalized/date';
+import { transformDateValueToDateTime } from '../../../../lib/date/transformDateValueToDateTime.mjs';
+
+function dateRangeFilterFn(row, columnId, range) {
+  if (!range) {
+    return true;
+  }
+  const value = row.getValue(columnId);
+  let dateValue;
+  if (value instanceof DateTime) {
+    dateValue = value;
+  } else if (value instanceof CalendarDate) {
+    dateValue = transformDateValueToDateTime(value);
+  } else if (typeof value === "string") {
+    dateValue = DateTime.fromISO(value).startOf("day");
+  }
+  if (!dateValue) {
+    return true;
+  }
+  const startDate = range.start ? transformDateValueToDateTime(range.start) : void 0;
+  const endDate = range.end ? transformDateValueToDateTime(range.end) : void 0;
+  if (startDate && dateValue < startDate) {
+    return false;
+  }
+  return !(endDate && dateValue > endDate);
+}
+
+export { dateRangeFilterFn };
+//# sourceMappingURL=dateRangeFilterFn.mjs.map