@findify/react-components/lib/components/RatingFacet/index.js

Findify react UI components

/**
 * @module components/RatingFacet
 */
import MapArray from "../common/MapArray";
import Item from "./Item";
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
var styles = {
  "root": "findify-components--rating-facet",
  "item": "findify-components--rating-facet__item",
  "star": "findify-components--rating-facet__star",
  "unfilled": "findify-components--rating-facet__unfilled",
  "checkbox": "findify-components--rating-facet__checkbox",
  "range": "findify-components--rating-facet__range",
  "input-wrap": "findify-components--rating-facet__input-wrap",
  "input": "findify-components--rating-facet__input",
  "currency": "findify-components--rating-facet__currency",
  "submit": "findify-components--rating-facet__submit",
  "divider": "findify-components--rating-facet__divider",
  "inputWrap": "findify-components--rating-facet__input-wrap"
};
/** Props that RatingFacet view accepts */

export default (function (_ref) {
  var _ref$theme = _ref.theme,
      theme = _ref$theme === void 0 ? styles : _ref$theme,
      facet = _ref.facet,
      config = _ref.config,
      hidden = _ref.hidden;
  return /*#__PURE__*/_jsxs("div", {
    className: theme.root,
    id: "facet-".concat(facet.get('name')),
    role: "region",
    hidden: hidden,
    children: [config.get('pullSelected') ? /*#__PURE__*/_jsx(MapArray, {
      factory: Item,
      config: config,
      theme: theme,
      array: config.get('pullSelected') ? facet.get('values').filter(function (i) {
        return i.get('selected');
      }) : facet.get('values')
    }) : null, /*#__PURE__*/_jsx(MapArray, {
      factory: Item,
      config: config,
      theme: theme,
      array: config.get('pullSelected') ? facet.get('values').filter(function (i) {
        return !i.get('selected');
      }) : facet.get('values')
    })]
  });
});