@krowdy-ui/views/Filters/Filters.d.ts

React components that implement Google's Material Design.

interface Classes {
  backIcon?: string,
  root?: string,
  titleContainer?: string
}

// Supported filter types
type FilterType = 'string' | 'number' | 'date' | 'category'

type Filter = {
  _id: string;
  key: string;
  label: string;
  type: string | FilterType
}

type FilterGroup = {
  _id: string;
  children: Filter[];
  label: string
}

// Applied filter
type AppliedFilter = {
  _id?: string;
  key: string;
  label: string;
  operator: string;
  operatorLabel: string;
  optionIndex  : number; 
  type: FilterType;
  value?: string | number | any[]
}

type CategoryItem = {
  _id: string;
  label: string
}

export interface FiltersProps {
  classes?: Classes;
  filterGroups: FilterGroup[];
  filters: AppliedFilter[];
  uniqueFilter: boolean;
  headerHomeComponent?: React.ReactNode;
  listWidth?: number;
  onChangeFilters: (appliedFilters: AppliedFilter[]) => void;
  hasNextPage?: boolean;
  loadMoreCategoryItems: (categoryKey: string) => void;
  onSelectCategoryFilter: (categoryKey: string) => void;
  title: string;
  categoryItems: CategoryItem[]
} 

declare const Filters: React.ComponentType<FiltersProps>;

export default Filters;