@gechiui/components/build/query-controls/category-select.js

UI components for GeChiUI.

"use strict";

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

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = CategorySelect;

var _element = require("@gechiui/element");

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

var _terms = require("./terms");

var _treeSelect = _interopRequireDefault(require("../tree-select"));

/**
 * Internal dependencies
 */

/**
 * GeChiUI dependencies
 */
function CategorySelect(_ref) {
  let {
    label,
    noOptionLabel,
    categoriesList,
    selectedCategoryId,
    onChange,
    ...props
  } = _ref;
  const termsTree = (0, _element.useMemo)(() => {
    return (0, _terms.buildTermsTree)(categoriesList);
  }, [categoriesList]);
  return (0, _element.createElement)(_treeSelect.default, (0, _extends2.default)({
    label,
    noOptionLabel,
    onChange,
    tree: termsTree,
    selectedId: selectedCategoryId
  }, props));
}
//# sourceMappingURL=category-select.js.map