@krowdy-ui/views/SuperFilters/SuperFilters.js

React components that implement Google's Material Design.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

var _typeof = require("@babel/runtime/helpers/typeof");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = exports.styles = void 0;

var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));

var _react = _interopRequireWildcard(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _clsx = _interopRequireDefault(require("clsx"));

var _Add = _interopRequireDefault(require("@material-ui/icons/Add"));

var _core = require("@material-ui/core");

var _ArrowBackIos = _interopRequireDefault(require("@material-ui/icons/ArrowBackIos"));

var _core2 = require("@krowdy-ui/core");

var _FiltersTree = _interopRequireDefault(require("./FiltersTree"));

var _FilterConfig = _interopRequireDefault(require("./FilterConfig"));

var _FiltersList = _interopRequireDefault(require("./FiltersList"));

var _DividerWithText = _interopRequireDefault(require("./DividerWithText"));

var _mongoObjectId = require("../utils/mongoObjectId");

var _icons = require("@material-ui/icons");

var _utils = require("../utils");

var _KeywordFilter = _interopRequireDefault(require("./KeywordFilter"));

var _excluded = ["_id"];

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

var styles = function styles(theme) {
  return {
    backIcon: {
      marginRight: theme.spacing(1),
      paddingLeft: theme.spacing(.75),
      paddingRight: 0
    },
    block: {
      width: 18
    },
    buttonAddContainer: {
      alignItems: 'center',
      display: 'flex',
      justifyContent: 'space-between',
      marginTop: theme.spacing(1)
    },
    buttonAddGroupFilter: {
      borderStyle: 'dashed',
      margin: theme.spacing(1.5, 0)
    },
    cardContent: {
      display: 'flex',
      flex: 2,
      justifyContent: 'center',
      overflowY: 'auto'
    },
    cardTitle: {
      fontSize: 14
    },
    center: {
      alignItems: 'center',
      display: 'flex',
      flexDirection: 'column'
    },
    flex: {
      alignItems: 'center',
      display: 'flex'
    },
    groupFilterContainer: {
      '&:hover': {
        backgroundColor: theme.palette.primary[50],
        border: "1px solid ".concat(theme.palette.primary[500])
      },
      backgroundColor: theme.palette.secondary[10],
      border: "1px solid ".concat(theme.palette.secondary[10]),
      borderRadius: 2 * theme.shape.borderRadius,
      overflowX: 'auto',
      padding: theme.spacing(0.5)
    },
    groupFilterContainerBlock: {
      '&:hover': {
        backgroundColor: theme.palette.secondary[100],
        border: "1px solid ".concat(theme.palette.secondary[200])
      },
      backgroundColor: theme.palette.secondary[100],
      border: "1px solid ".concat(theme.palette.secondary[100]),
      borderRadius: theme.shape.borderRadius,
      overflowX: 'auto',
      padding: theme.spacing(0.5)
    },
    littleMarginLeft: {
      marginLeft: theme.spacing(.5)
    },
    marginTop: {
      marginTop: theme.spacing(1.5)
    },
    noPadding: {
      padding: 0
    },
    root: {
      display: 'flex',
      flexFlow: 'column',
      height: '100%'
    },
    spaceBetween: {
      justifyContent: 'space-between',
      width: '100%'
    },
    titleBack: {
      fontSize: 14
    },
    titleContainer: {
      alignItems: 'center',
      display: 'flex',
      height: 20
    },
    treeContainer: {
      '& *, & *::after, & *::before': {
        boxSizing: 'content-box'
      },
      overflowY: 'scroll'
    },
    viewContainer: {
      height: '100%',
      width: '100%'
    }
  };
};

exports.styles = styles;
var Views = {
  FILTERS_SEARCH: {
    backIndex: 'HOME',
    index: 1,
    withPadding: false
  },
  FILTER_CONFIG: {
    backIndex: 'FILTERS_SEARCH',
    index: 2,
    withPadding: true
  },
  HOME: {
    index: 0,
    withPadding: true
  }
};
var CandidateGroupFilterType = {
  Excluded: 'excluded',
  Included: 'included'
};

var _ref4 = /*#__PURE__*/_react["default"].createElement(_ArrowBackIos["default"], {
  fontSize: "inherit"
});

var _ref5 = /*#__PURE__*/_react["default"].createElement(_Add["default"], null);

var _ref6 = /*#__PURE__*/_react["default"].createElement(_icons.Face, {
  color: "disabled"
});

var _ref7 = /*#__PURE__*/_react["default"].createElement(_DividerWithText["default"], {
  title: 'or'
});

var _ref8 = /*#__PURE__*/_react["default"].createElement(_Add["default"], null);

var _ref9 = /*#__PURE__*/_react["default"].createElement(_icons.Delete, {
  fontSize: "small"
});

var _ref10 = /*#__PURE__*/_react["default"].createElement(_DividerWithText["default"], {
  title: 'or'
});

var SuperFilters = function SuperFilters(props) {
  var classes = props.classes,
      listRef = props.listRef,
      _props$title = props.title,
      title = _props$title === void 0 ? 'Todos las compras' : _props$title,
      _props$headerHomeComp = props.headerHomeComponent,
      HeaderHomeComponent = _props$headerHomeComp === void 0 ? null : _props$headerHomeComp,
      _props$filters = props.filters,
      filters = _props$filters === void 0 ? [] : _props$filters,
      _props$onChangeFilter = props.onChangeFilters,
      onChangeFilters = _props$onChangeFilter === void 0 ? function () {} : _props$onChangeFilter,
      onSelectCategoryFilter = props.onSelectCategoryFilter,
      _props$categoryItems = props.categoryItems,
      categoryItems = _props$categoryItems === void 0 ? [] : _props$categoryItems,
      _props$hasNextPage = props.hasNextPage,
      hasNextPage = _props$hasNextPage === void 0 ? false : _props$hasNextPage,
      _props$filterTypes = props.filterTypes,
      filterTypes = _props$filterTypes === void 0 ? [] : _props$filterTypes,
      _props$loadMoreCatego = props.loadMoreCategoryItems,
      loadMoreCategoryItems = _props$loadMoreCatego === void 0 ? function () {} : _props$loadMoreCatego,
      _props$isLoadingMoreC = props.isLoadingMoreCategoryItems,
      isLoadingMoreCategoryItems = _props$isLoadingMoreC === void 0 ? false : _props$isLoadingMoreC,
      listWidth = props.listWidth,
      _props$filterGroups = props.filterGroups,
      filterGroups = _props$filterGroups === void 0 ? [] : _props$filterGroups,
      _props$dots = props.dots,
      dots = _props$dots === void 0 ? false : _props$dots,
      _props$uniqueFilter = props.uniqueFilter,
      uniqueFilter = _props$uniqueFilter === void 0 ? false : _props$uniqueFilter,
      totalItems = props.totalItems,
      _props$onChangeFilter2 = props.onChangeFilterCandidate,
      onChangeFilterCandidate = _props$onChangeFilter2 === void 0 ? function () {} : _props$onChangeFilter2,
      _props$excludedCandid = props.excludedCandidates,
      excludedCandidates = _props$excludedCandid === void 0 ? [] : _props$excludedCandid,
      _props$childProps = props.childProps,
      childProps = _props$childProps === void 0 ? {} : _props$childProps,
      _props$includedCandid = props.includedCandidates,
      includedCandidates = _props$includedCandid === void 0 ? [] : _props$includedCandid,
      viewDefault = props.viewDefault,
      shortcuts = props.shortcuts;
  var PaperProps = childProps.PaperProps,
      AddFiltersButtonProps = childProps.AddFiltersButtonProps;

  var _useState = (0, _react.useState)(null),
      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
      groupFilterCurrent = _useState2[0],
      setGroupFilterCurrent = _useState2[1];

  var _useState3 = (0, _react.useState)(Views[viewDefault] || Views.HOME),
      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
      view = _useState4[0],
      goToView = _useState4[1];

  var _useState5 = (0, _react.useState)(),
      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
      filterSelected = _useState6[0],
      setFilterSelected = _useState6[1];

  var _useState7 = (0, _react.useState)(),
      _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
      filterToEdit = _useState8[0],
      setFilterToEdit = _useState8[1];

  var _useState9 = (0, _react.useState)(false),
      _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
      openKeywordFilter = _useState10[0],
      setOpenKeywordFilter = _useState10[1];

  var _useMemo = (0, _react.useMemo)(function () {
    return {
      groupFilterCurrentChildren: groupFilterCurrent ? groupFilterCurrent.children : null,
      groupFilterCurrentKey: groupFilterCurrent ? groupFilterCurrent.key : null
    };
  }, [groupFilterCurrent]),
      groupFilterCurrentKey = _useMemo.groupFilterCurrentKey,
      groupFilterCurrentChildren = _useMemo.groupFilterCurrentChildren;

  var addFilter = (0, _react.useCallback)(function (filter) {
    onChangeFilters(filters.map(function (groupFilter) {
      if (groupFilter.key !== groupFilterCurrentKey) return groupFilter;
      return (0, _extends2["default"])({}, groupFilter, {
        children: groupFilter.children.concat(filter)
      });
    }));
  }, [filters, groupFilterCurrentKey, onChangeFilters]);
  var deepUpdate = (0, _react.useCallback)(function (arr, _ref) {
    var _id = _ref._id,
        updatedItem = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
    return arr.map(function (item) {
      if (item._id === _id) return (0, _extends2["default"])({}, item, updatedItem);
      if (Array.isArray(item.children) && item.children.length) return (0, _extends2["default"])({}, item, {
        children: deepUpdate(item.children, (0, _extends2["default"])({
          _id: _id
        }, updatedItem))
      });
      return item;
    });
  }, []);
  var updateFilter = (0, _react.useCallback)(function (filter) {
    var updatedFilters = deepUpdate(groupFilterCurrentChildren, filter);
    onChangeFilters(filters.map(function (groupFilter) {
      if (groupFilter.key !== groupFilterCurrentKey) return groupFilter;
      return (0, _extends2["default"])({}, groupFilter, {
        children: updatedFilters
      });
    }));
  }, [deepUpdate, filters, groupFilterCurrentChildren, groupFilterCurrentKey, onChangeFilters]); // Aqui es cuando se agrega un filtro

  var _handleClickApplyFilters = (0, _react.useCallback)(function (filter) {
    if (Object.values(CandidateGroupFilterType).includes(groupFilterCurrentKey)) onChangeFilterCandidate(groupFilterCurrentKey, filter.value);else if (filters.some(function (_ref2) {
      var key = _ref2.key;
      return key === groupFilterCurrentKey;
    })) {
      if (filterToEdit) {
        // Exists, so update it
        updateFilter(filter);
        setFilterToEdit(null);
      } else {
        addFilter(filter);
      }
    } else onChangeFilters(filters.concat({
      children: [filter],
      key: (0, _mongoObjectId.mongoObjectId)(),
      operator: 'none',
      type: 'default'
    }));
    goToView(Views.HOME);
    setGroupFilterCurrent(null);
    setOpenKeywordFilter(false);
  }, [addFilter, filterToEdit, filters, groupFilterCurrentKey, onChangeFilterCandidate, onChangeFilters, updateFilter]);

  var _handleClickFilterListItem = (0, _react.useCallback)(function (item) {
    if (item.type === 'shortcut') {
      setFilterSelected(item.treeData);

      var _item$treeData = (0, _slicedToArray2["default"])(item.treeData, 1),
          tree = _item$treeData[0];

      _handleClickApplyFilters(tree);
    } else {
      setFilterSelected(item);
      if (item.type === 'keyword') setOpenKeywordFilter(true);else goToView(Views.FILTER_CONFIG);
    }
  }, [_handleClickApplyFilters]);

  var _handleClickAddFilter = (0, _react.useCallback)(function (groupFilter) {
    return function () {
      setGroupFilterCurrent(groupFilter);
      goToView(Views.FILTERS_SEARCH);
    };
  }, []);

  var _handleClickAddGroupFilter = (0, _react.useCallback)(function () {
    setGroupFilterCurrent({
      children: [],
      key: (0, _mongoObjectId.mongoObjectId)(),
      operator: 'none',
      type: 'default'
    });
    goToView(Views.FILTERS_SEARCH);
  }, []);

  var _handleClickDeleteGroupFilter = (0, _react.useCallback)(function (groupFilterKey) {
    return function () {
      onChangeFilters(filters.filter(function (groupFilter) {
        return groupFilter.key !== groupFilterKey;
      }));
    };
  }, [filters, onChangeFilters]);

  var _handleClickBack = (0, _react.useCallback)(function () {
    if ([CandidateGroupFilterType.Included, CandidateGroupFilterType.Excluded].includes(groupFilterCurrentKey)) {
      goToView(Views.HOME);
      setFilterToEdit(null);
      setGroupFilterCurrent(null);
      return;
    }

    goToView(Views[view.backIndex]);
    setFilterToEdit(null);
    if (view.backIndex === 'HOME') setGroupFilterCurrent(null);
  }, [groupFilterCurrentKey, view.backIndex]);

  var _handleChangeFilterTree = (0, _react.useCallback)(function (groupFilterKey) {
    return function (treeFilters) {
      onChangeFilters(filters.map(function (groupFilter) {
        if (groupFilterKey !== groupFilter.key) return groupFilter;
        return (0, _extends2["default"])({}, groupFilter, {
          children: treeFilters
        });
      }).filter(function (_ref3) {
        var children = _ref3.children;
        return children.length;
      }));
    };
  }, [filters, onChangeFilters]);

  var _handleClickEditFilter = (0, _react.useCallback)(function (groupFilter) {
    return function (appliedFilter) {
      setGroupFilterCurrent(groupFilter);
      setFilterToEdit(appliedFilter);
      if (appliedFilter.type === 'keyword') setOpenKeywordFilter(true);else goToView(Views.FILTER_CONFIG);
    };
  }, []);

  var _handleChangeFilterCandidates = (0, _react.useCallback)(function (candidateGroupFilterType) {
    return function () {
      onChangeFilterCandidate(candidateGroupFilterType, []);
    };
  }, [onChangeFilterCandidate]);

  var _handleClickEditFilterCandidates = (0, _react.useCallback)(function (candidateGroupFilterType) {
    return function (treeFilters) {
      setGroupFilterCurrent({
        key: candidateGroupFilterType
      });
      setFilterToEdit(treeFilters);
      goToView(Views.FILTER_CONFIG);
    };
  }, []);

  var _handleCloseKeywordFilter = (0, _react.useCallback)(function () {
    setOpenKeywordFilter(false);
  }, []);

  return /*#__PURE__*/_react["default"].createElement(_core2.Card, {
    className: classes.root,
    variant: "outlined"
  }, /*#__PURE__*/_react["default"].createElement(_core2.CardHeader, {
    shadow: true,
    title: /*#__PURE__*/_react["default"].createElement("div", {
      className: classes.titleContainer
    }, view.index !== 0 && /*#__PURE__*/_react["default"].createElement(_core.IconButton, {
      "aria-label": "delete",
      className: classes.backIcon,
      onClick: _handleClickBack,
      size: "small"
    }, _ref4), /*#__PURE__*/_react["default"].createElement("p", {
      className: classes.titleBack
    }, view.index === 0 ? title : 'Atrás'))
  }), /*#__PURE__*/_react["default"].createElement(_core2.CardContent, {
    className: (0, _clsx["default"])(classes.cardContent, !view.withPadding && classes.noPadding)
  }, /*#__PURE__*/_react["default"].createElement(_core2.TabPanel, {
    className: classes.viewContainer,
    index: Views.HOME.index,
    value: view.index
  }, filters.length === 0 ? HeaderHomeComponent : null, !filters.length && !includedCandidates.length && !excludedCandidates.length ? /*#__PURE__*/_react["default"].createElement(_core2.Button, {
    color: "primary",
    fullWidth: true,
    onClick: _handleClickAddGroupFilter,
    startIcon: _ref5
  }, "A\xF1adir Filtro") : /*#__PURE__*/_react["default"].createElement("div", {
    className: (0, _clsx["default"])(classes.flex, classes.spaceBetween)
  }, /*#__PURE__*/_react["default"].createElement(_core.IconButton, {
    color: "primary",
    size: "small"
  }, /*#__PURE__*/_react["default"].createElement(_icons.AddToPhotos, {
    fontSize: "small",
    onClick: _handleClickAddGroupFilter
  })), !isNaN(totalItems) ? /*#__PURE__*/_react["default"].createElement("div", {
    className: classes.flex
  }, _ref6, /*#__PURE__*/_react["default"].createElement(_core2.Typography, {
    className: classes.littleMarginLeft,
    variant: "body1"
  }, totalItems, " resultado", totalItems > 1 ? 's' : '')) : null), /*#__PURE__*/_react["default"].createElement("div", {
    className: (0, _clsx["default"])(classes.marginTop, classes.treeContainer)
  }, excludedCandidates.length ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
    className: classes.groupFilterContainerBlock
  }, /*#__PURE__*/_react["default"].createElement(_FiltersTree["default"], {
    dots: dots,
    onChange: _handleChangeFilterCandidates(CandidateGroupFilterType.Excluded),
    onClickEdit: _handleClickEditFilterCandidates(CandidateGroupFilterType.Excluded),
    treeData: [{
      _id: (0, _utils.generateRandomId)(),
      key: '_id',
      label: 'Candidato',
      operator: '$nin',
      operatorLabel: 'no es',
      optionIndex: 1,
      reference: null,
      type: 'list',
      value: excludedCandidates
    }]
  })), includedCandidates.length || filters.length ? /*#__PURE__*/_react["default"].createElement(_core.Divider, {
    className: classes.marginTop
  }) : null) : null, includedCandidates.length ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
    className: (0, _clsx["default"])(classes.marginTop, classes.groupFilterContainer)
  }, /*#__PURE__*/_react["default"].createElement(_FiltersTree["default"], {
    dots: dots,
    onChange: _handleChangeFilterCandidates(CandidateGroupFilterType.Included),
    onClickEdit: _handleClickEditFilterCandidates(CandidateGroupFilterType.Included),
    treeData: [{
      _id: (0, _utils.generateRandomId)(),
      key: '_id',
      label: 'Candidato',
      operator: '$in',
      operatorLabel: 'es',
      optionIndex: 0,
      reference: null,
      type: 'list',
      value: includedCandidates
    }]
  })), filters.length ? _ref7 : null) : null, filters.map(function (groupFilter, index) {
    return /*#__PURE__*/_react["default"].createElement("div", {
      key: "GroupFilterDefault-".concat(index)
    }, /*#__PURE__*/_react["default"].createElement("div", {
      className: classes.groupFilterContainer
    }, /*#__PURE__*/_react["default"].createElement(_FiltersTree["default"], {
      dots: dots,
      onChange: _handleChangeFilterTree(groupFilter.key),
      onClickEdit: _handleClickEditFilter(groupFilter),
      treeData: groupFilter.children
    }), /*#__PURE__*/_react["default"].createElement("div", {
      className: classes.buttonAddContainer
    }, /*#__PURE__*/_react["default"].createElement("div", {
      className: classes.block
    }), /*#__PURE__*/_react["default"].createElement(_core2.Button, {
      color: "primary",
      onClick: _handleClickAddFilter(groupFilter),
      startIcon: _ref8
    }, "Filtro"), groupFilter.children.length ? /*#__PURE__*/_react["default"].createElement("div", {
      className: classes.block
    }) : /*#__PURE__*/_react["default"].createElement(_core.IconButton, {
      color: "primary",
      onClick: _handleClickDeleteGroupFilter(groupFilter.key),
      size: "small"
    }, _ref9))), index + 1 < filters.length && _ref10);
  }))), /*#__PURE__*/_react["default"].createElement(_core2.TabPanel, {
    className: classes.viewContainer,
    index: Views.FILTERS_SEARCH.index,
    value: view.index
  }, /*#__PURE__*/_react["default"].createElement(_FiltersList["default"], {
    filterGroups: shortcuts && shortcuts.length ? filterGroups.concat(shortcuts) : filterGroups,
    filters: groupFilterCurrent ? groupFilterCurrent.children : [],
    listRef: listRef,
    onClickItem: _handleClickFilterListItem,
    uniqueFilter: uniqueFilter
  })), /*#__PURE__*/_react["default"].createElement(_core2.TabPanel, {
    className: classes.viewContainer,
    index: Views.FILTER_CONFIG.index,
    value: view.index
  }, /*#__PURE__*/_react["default"].createElement(_FilterConfig["default"], {
    AddFiltersButtonProps: AddFiltersButtonProps,
    categoryItems: categoryItems,
    edit: filterToEdit ? true : false,
    filter: filterToEdit || filterSelected,
    filterTypes: filterTypes,
    hasNextPage: hasNextPage,
    listWidth: listWidth,
    loadMoreCategoryItems: loadMoreCategoryItems,
    onClickApply: _handleClickApplyFilters,
    onSelectCategoryFilter: onSelectCategoryFilter,
    PaperProps: PaperProps
  })), /*#__PURE__*/_react["default"].createElement(_KeywordFilter["default"], {
    edit: !!filterToEdit,
    filter: filterToEdit || filterSelected,
    isLoading: isLoadingMoreCategoryItems,
    isOpen: openKeywordFilter,
    items: categoryItems,
    loadMore: loadMoreCategoryItems,
    onClickApply: _handleClickApplyFilters,
    onClose: _handleCloseKeywordFilter,
    onResetCategoryItems: onSelectCategoryFilter,
    PaperProps: PaperProps
  })));
};

process.env.NODE_ENV !== "production" ? SuperFilters.propTypes = {
  categoryItems: _propTypes["default"].arrayOf(_propTypes["default"].shape({
    _id: _propTypes["default"].string.isRequired,
    label: _propTypes["default"].string.isRequired
  })).isRequired,
  childProps: _propTypes["default"].object,
  classes: _propTypes["default"].object,
  excludedCandidates: _propTypes["default"].arrayOf(_propTypes["default"].shape({
    _id: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]).isRequired,
    label: _propTypes["default"].string
  })),
  filterGroups: _propTypes["default"].arrayOf(_propTypes["default"].shape({
    _id: _propTypes["default"].string.isRequired,
    children: _propTypes["default"].arrayOf(_propTypes["default"].shape({
      _id: _propTypes["default"].string.isRequired,
      key: _propTypes["default"].string.isRequired,
      label: _propTypes["default"].string.isRequired,
      type: _propTypes["default"].string.isRequired
    })),
    label: _propTypes["default"].string.isRequired
  })),
  filterTypes: _propTypes["default"].arrayOf(_propTypes["default"].shape({
    _id: _propTypes["default"].string.isRequired,
    initialValue: _propTypes["default"].any.isRequired,
    options: _propTypes["default"].arrayOf(_propTypes["default"].shape({
      _id: _propTypes["default"].string.isRequired,
      label: _propTypes["default"].string.isRequired,
      numberOfInputs: _propTypes["default"].number.isRequired,
      operator: _propTypes["default"].string.isRequired
    })).isRequired,
    type: _propTypes["default"].string.isRequired
  })).isRequired,
  filters: _propTypes["default"].arrayOf(_propTypes["default"].shape({
    _id: _propTypes["default"].string,
    key: _propTypes["default"].string.isRequired,
    label: _propTypes["default"].string,
    operator: _propTypes["default"].string.isRequired,
    operatorLabel: _propTypes["default"].string,
    optionIndex: _propTypes["default"].number,
    type: _propTypes["default"].string.isRequired,
    value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number, _propTypes["default"].array])
  })),
  hasNextPage: _propTypes["default"].bool,
  headerHomeComponent: _propTypes["default"].node,
  includedCandidates: _propTypes["default"].arrayOf(_propTypes["default"].shape({
    _id: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]).isRequired,
    label: _propTypes["default"].string
  })),
  isLoadingMoreCategoryItems: _propTypes["default"].bool,
  listWidth: _propTypes["default"].number,
  loadMoreCategoryItems: _propTypes["default"].func,
  onChangeFilterCandidate: _propTypes["default"].func,
  onChangeFilters: _propTypes["default"].func.isRequired,
  onFetchFilterGroups: _propTypes["default"].func,
  onSelectCategoryFilter: _propTypes["default"].func,
  shortcuts: _propTypes["default"].arrayOf(_propTypes["default"].shape({
    _id: _propTypes["default"].string,
    children: _propTypes["default"].array,
    label: _propTypes["default"].string,
    type: _propTypes["default"].string.isRequired
  })),
  title: _propTypes["default"].string.isRequired,
  uniqueFilter: _propTypes["default"].bool,
  viewDefault: _propTypes["default"].oneOf(['HOME', 'FILTERS_SEARCH', 'FILTER_CONFIG'])
} : void 0;

var _default = (0, _core2.withStyles)(styles, {
  name: 'SuperFilters'
})(SuperFilters);

exports["default"] = _default;