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

User-friendly query builder for React. Fluent 8 widgets

import React from "react";
import { Icon } from "@fluentui/react";
import { Utils } from "@react-awesome-query-builder/ui";
var DragIcon = Utils.DragIcon;
var typeToIcon = {
  addSubRuleSimple: "CirclePlus",
  addSubRule: "Add",
  addSubGroup: "CirclePlus",
  addRule: "Add",
  addGroup: "CirclePlus",
  delGroup: "Delete",
  delRuleGroup: "Delete",
  delRule: "Delete",
  drag: "GripperBarHorizontal"
};
var FluentUIIcon = function FluentUIIcon(_ref) {
  var type = _ref.type,
    readonly = _ref.readonly,
    renderBtn = _ref.renderBtn,
    renderDefaultButton = _ref.renderDefaultButton;
  var iconName = typeToIcon[type];
  if (!iconName && type === "drag") {
    return /*#__PURE__*/React.createElement(DragIcon, null);
  } else if (!typeToIcon[type]) {
    return renderDefaultButton({});
  } else if (renderBtn) {
    return renderBtn({
      iconProps: {
        iconName: typeToIcon[type]
      }
    });
  } else {
    return /*#__PURE__*/React.createElement(Icon, {
      key: type,
      disabled: readonly,
      iconName: typeToIcon[type],
      color: "primary"
    });
  }
};
export default FluentUIIcon;