@apptane/react-ui-charts/dist/parts/ChartLegend.js

Chart components in Apptane React UI framework

import _defineProperty from "@babel/runtime/helpers/defineProperty";
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
const _excluded = ["data", "selectedDatumId"];

function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }

import { css } from "@emotion/react";
import { ChartLegendItem } from "./ChartLegendItem.js";
import { jsx as _jsx } from "@emotion/react/jsx-runtime";

const StyleContainer = spacing => /*#__PURE__*/css("display:flex;align-items:flex-start;>*+*{margin-left:", spacing, "px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:StyleContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYXJ0cy9DaGFydExlZ2VuZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSytDIiwiZmlsZSI6Ii4uLy4uL3NyYy9wYXJ0cy9DaGFydExlZ2VuZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IERhdHVtIH0gZnJvbSBcIi4uL2NvbW1vbi9UeXBlcy5qc1wiO1xuaW1wb3J0IHsgQ2hhcnRMZWdlbmRQcm9wcyB9IGZyb20gXCIuL0NoYXJ0TGVnZW5kLnR5cGVzLmpzXCI7XG5pbXBvcnQgeyBDaGFydExlZ2VuZEl0ZW0gfSBmcm9tIFwiLi9DaGFydExlZ2VuZEl0ZW0uanNcIjtcblxuY29uc3QgU3R5bGVDb250YWluZXIgPSAoc3BhY2luZzogbnVtYmVyKSA9PiBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICA+ICogKyAqIHtcbiAgICBtYXJnaW4tbGVmdDogJHtzcGFjaW5nfXB4O1xuICB9XG5gO1xuXG4vKipcbiAqIENoYXJ0IGxlZ2VuZCBjb21wb25lbnQgd2l0aCBzdXBwb3J0IGZvciBpbnRlcmFjdGl2aXR5LlxuICovXG5leHBvcnQgZnVuY3Rpb24gQ2hhcnRMZWdlbmQ8VCBleHRlbmRzIERhdHVtPERhdGE+LCBEYXRhID0gdm9pZD4oe1xuICBkYXRhLFxuICBzZWxlY3RlZERhdHVtSWQsXG4gIC4uLm90aGVyXG59OiBDaGFydExlZ2VuZFByb3BzPFQsIERhdGE+KSB7XG4gIGNvbnN0IGl0ZW1zOiBKU1guRWxlbWVudFtdID0gW107XG4gIGZvciAobGV0IGkgPSAwOyBpIDwgZGF0YS5sZW5ndGg7ICsraSkge1xuICAgIGNvbnN0IGRhdHVtID0gZGF0YVtpXTtcbiAgICBpdGVtcy5wdXNoKFxuICAgICAgPENoYXJ0TGVnZW5kSXRlbTxULCBEYXRhPlxuICAgICAgICBrZXk9e2RhdHVtLmlkID8/IGBfJHtpfWB9XG4gICAgICAgIHsuLi5vdGhlcn1cbiAgICAgICAgZGF0dW09e2RhdHVtfVxuICAgICAgICBtdXRlZD17c2VsZWN0ZWREYXR1bUlkICE9IG51bGwgJiYgc2VsZWN0ZWREYXR1bUlkICE9PSBkYXR1bS5pZH1cbiAgICAgIC8+XG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiA8ZGl2IGNzcz17U3R5bGVDb250YWluZXIob3RoZXIudGhlbWUuY2hhcnRzLnh5LnN0eWxlLmxlZ2VuZC5pdGVtU3BhY2luZyl9PntpdGVtc308L2Rpdj47XG59XG4iXX0= */");
/**
 * Chart legend component with support for interactivity.
 */


export function ChartLegend(_ref) {
  let {
    data,
    selectedDatumId
  } = _ref,
      other = _objectWithoutProperties(_ref, _excluded);

  const items = [];

  for (let i = 0; i < data.length; ++i) {
    var _datum$id;

    const datum = data[i];
    items.push(_jsx(ChartLegendItem, _objectSpread(_objectSpread({}, other), {}, {
      datum: datum,
      muted: selectedDatumId != null && selectedDatumId !== datum.id
    }), (_datum$id = datum.id) !== null && _datum$id !== void 0 ? _datum$id : "_".concat(i)));
  }

  return _jsx("div", {
    css: StyleContainer(other.theme.charts.xy.style.legend.itemSpacing),
    children: items
  });
}
//# sourceMappingURL=ChartLegend.js.map