ffr-components/es/dropdown/Dropdown.js

Fiori styled UI components

import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
import classnames from 'classnames';
import React from 'react';
import Popover from '../popover';
import ListGroup, { ListItem } from '../list-group';
import Button from '../button';
import Icon from '../icon';

var Dropdown = function Dropdown(props) {
  var standard = props.standard,
      _props$data = props.data,
      data = _props$data === void 0 ? [] : _props$data,
      className = props.className,
      rest = _objectWithoutProperties(props, ["standard", "data", "className"]);

  var menu = React.createElement(Popover, {
    body: React.createElement(ListGroup, null, data.map(function (_data) {
      var text = _data.text,
          id = _data.id,
          sapIcon = _data.sapIcon;
      return React.createElement(ListItem, {
        url: "/",
        key: id
      }, text);
    })),
    control: React.createElement(Button, {
      dropdown: true,
      glyph: "filter"
    }, "Select"),
    noArrow: true
  });
  var dropdownClasses = classnames('fd-dropdown', {
    'fd-dropdown--standard': standard
  }, className);
  return React.createElement("div", _extends({}, rest, {
    className: dropdownClasses
  }), menu);
};

Dropdown.displayName = 'Dropdown';
Dropdown.propDescriptions = {
  standard: 'Set to **true** to enable a dropdown for toolbar.'
};
export default Dropdown;