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

Findify react UI components

/**
 * @module components/ColorFacet
 */
import MapArray from "../common/MapArray";
import Item from "./Item";
import { jsx as _jsx } from "react/jsx-runtime";
var styles = {
  "container": "findify-components--color-facet__container",
  "item": "findify-components--color-facet__item",
  "ball": "findify-components--color-facet__ball",
  "not-mapped": "findify-components--color-facet__not-mapped",
  "ball-mobile": "findify-components--color-facet__ball-mobile",
  "check": "findify-components--color-facet__check",
  "notMapped": "findify-components--color-facet__not-mapped",
  "ballMobile": "findify-components--color-facet__ball-mobile"
};
export default (function (_ref) {
  var facet = _ref.facet,
      hidden = _ref.hidden,
      _ref$theme = _ref.theme,
      theme = _ref$theme === void 0 ? styles : _ref$theme,
      isMobile = _ref.isMobile,
      config = _ref.config;
  var mapping = config.get('colorMapping');
  return /*#__PURE__*/_jsx("div", {
    className: theme.root,
    id: "facet-".concat(facet.get('name')),
    role: "region",
    hidden: hidden,
    children: /*#__PURE__*/_jsx(MapArray, {
      config: config,
      array: facet.get('values').filter(function (i) {
        return mapping.has(i.get('value'));
      }),
      factory: Item,
      theme: theme,
      isMobile: isMobile
    })
  });
});