gristlabs_grist-core/app/common/FilterState.ts
Cyprien P 620e86a9f1 (core) New date filter with a calendar view
Summary:
Implements the new date filtering panel. Design results from long
discussion between: Alex, Anais, Cyprien and Dmitry.

Test environment: https://grist-new-date-range-filter.fly.dev/

Test Plan: Include various new tests.

Reviewers: georgegevoian

Reviewed By: georgegevoian

Differential Revision: https://phab.getgrist.com/D3720
2022-12-20 09:58:42 +01:00

77 lines
2.4 KiB
TypeScript

import { CellValue } from "app/common/DocActions";
import { IRelativeDateSpec, isEquivalentRelativeDate, isRelativeBound } from "app/common/RelativeDates";
export type { IRelativeDateSpec } from "app/common/RelativeDates";
export { isRelativeBound } from "app/common/RelativeDates";
// Filter object as stored in the db
export interface FilterSpec {
included?: CellValue[];
excluded?: CellValue[];
min?: number|IRelativeDateSpec;
max?: number|IRelativeDateSpec;
}
export type IRangeBoundType = undefined|number|IRelativeDateSpec;
export type FilterState = ByValueFilterState | RangeFilterState
// A more efficient representation of filter state for a column than FilterSpec.
interface ByValueFilterState {
include: boolean;
values: Set<CellValue>;
}
interface RangeFilterState {
min?: number|IRelativeDateSpec;
max?: number|IRelativeDateSpec;
}
// Creates a FilterState. Accepts spec as a json string or a FilterSpec.
export function makeFilterState(spec: string | FilterSpec): FilterState {
if (typeof (spec) === 'string') {
return makeFilterState((spec && JSON.parse(spec)) || {});
}
if (spec.min !== undefined || spec.max !== undefined) {
return {min: spec.min, max: spec.max};
}
return {
include: Boolean(spec.included),
values: new Set(spec.included || spec.excluded || []),
};
}
// Returns true if state and spec are equivalent, false otherwise.
export function isEquivalentFilter(state: FilterState, spec: FilterSpec): boolean {
const other = makeFilterState(spec);
if (!isRangeFilter(state) && !isRangeFilter(other)) {
if (state.include !== other.include) { return false; }
if (state.values.size !== other.values.size) { return false; }
if (other.values) {
for (const val of other.values) { if (!state.values.has(val)) { return false; } }
}
} else {
if (isRangeFilter(state) && isRangeFilter(other)) {
if (state.min !== other.min || state.max !== other.max) { return false; }
} else {
return false;
}
}
return true;
}
export function isRangeFilter(state: FilterState): state is RangeFilterState {
const {min, max} = state as any;
return min !== undefined || max !== undefined;
}
export function isEquivalentBound(a: IRangeBoundType, b: IRangeBoundType) {
if (isRelativeBound(a) && isRelativeBound(b)) {
return isEquivalentRelativeDate(a, b);
}
if (isRelativeBound(a) || isRelativeBound(b)) {
return false;
}
return a === b;
}