@n3/react-filters-filterlist v0.6.2

@n3/react-filters-filterlist

Инкапсулирует сериализацию, парсинг, изменения, отслеживание возможности сброса фильтров, передачу параметров values, errors и appliedFilters.

Импорт

import { Filterlist, Filters } from '@n3/react-filters-filterlist';

Использование

<Filterlist
  filters={filters}
  filterData={filterData}
  labelKey={labelKey}
  typeKey={typeKey}
  hintKey={hintKey}
  loadItems={loadItems}
  parseFiltersAndSort={parseFiltersAndSort}
  onChangeLoadParams={onChangeLoadParams}
  {...otherFilterlistProps}
>
  {({
    isListInited,
    listState,
    listActions,
  }) => (
    <div>
      <Filters
        isAdaptive={isAdaptive}
        filtersBlockComponent={filtersBlockComponent}
      />

      {otherJsx}
    </div>
  )}
</Filterlist>

• filters - смотри @n3/react-filters;
• filterData - смотри @n3/react-filters;
• labelKey - смотри @n3/react-filters;
• typeKey - смотри @n3/react-filters;
• hintKey - смотри @n3/react-filters;
• isAdaptive - смотри @n3/react-filters;

• filtersBlockComponent - смотри @n3/react-filters;

• loadItems - аналогично функции loadItems из filterlist, но принимает вторым аргументом объект { serializedValues: {...} }, где serializedValues - сериализованные значения фильтров;

• onChangeLoadParams - аналогично функции onChangeLoadParams из react-filterlist, но принимает вторым аргументом объект { serializedValues: {...}, serializeValuesForQueryString }, где serializedValues - сериализованные значения фильтров, serializeValuesForQueryString - функция сериализации значений фильтров для адресной строки;

• parseFiltersAndSort - аналогично функции parseFiltersAndSort из react-filterlist, но принимает вторым аргументом объект { parseValues }, где parseValues - асинхронная функция парсинга значений, принимающая только один аргумент - объект значений;

• otherFilterlistProps - остальные параметры react-filterlist за исключением isRecountAsync, оно всегда true;

• isListInited - смотри react-filterlist;

• listState - смотри react-filterlist;
• listActions - смотри react-filterlist;