@react-awesome-query-builder/fluent/esm/widgets/core/FluentUIValueSources.js

User-friendly query builder for React. Fluent 8 widgets

import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
import { IconButton, DefaultButton } from "@fluentui/react";
import React from "react";
export default (function (_ref) {
  var config = _ref.config,
    valueSources = _ref.valueSources,
    valueSrc = _ref.valueSrc,
    title = _ref.title,
    setValueSrc = _ref.setValueSrc,
    readonly = _ref.readonly;
  var renderOptions = function renderOptions(valueSources) {
    var options = [];
    valueSources.map(function (_ref2) {
      var _ref3 = _slicedToArray(_ref2, 2),
        srcKey = _ref3[0],
        info = _ref3[1];
      return options.push({
        key: srcKey,
        text: info.label,
        checked: valueSrc == srcKey || !valueSrc && srcKey == "value",
        canCheck: true
      });
    });
    return {
      onItemClick: onChange,
      items: options
    };
  };
  var onChange = function onChange(e, item) {
    if (!(item !== null && item !== void 0 && item.key)) return;
    setValueSrc(item.key);
  };
  return /*#__PURE__*/React.createElement(IconButton, {
    menuProps: renderOptions(valueSources),
    text: "here",
    title: "ValueSource",
    onChange: onChange,
    iconProps: {
      iconName: "ChevronRight"
    },
    onRenderMenuIcon: function onRenderMenuIcon() {
      return /*#__PURE__*/React.createElement("div", null);
    }
  });
});