@talend/react-components/lib-esm/ResourceList/Toolbar/Toolbar.component.js

Set of react components.

import PropTypes from 'prop-types';
import FilterBar from '../../FilterBar';
import NameFilter from './NameFilter';
import SortOptions from './SortOptions';
import StateFilter from './StateFilter';
import { getTheme } from '../../theme';
import cssModule from './Toolbar.module.scss';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
const theme = getTheme(cssModule);
function Toolbar({
  name,
  nameFilerAsInput,
  sort,
  state
}) {
  if (!name && !sort && !state) {
    return null;
  }
  return /*#__PURE__*/_jsxs("div", {
    className: theme('tc-resource-list-toolbar'),
    children: [name && (nameFilerAsInput ? /*#__PURE__*/_jsx(NameFilter, {
      ...name
    }) : /*#__PURE__*/_jsx(FilterBar, {
      className: theme('tc-resource-list-toolbar-filter'),
      placeholder: name.label,
      onFilter: name.onChange,
      dockable: false,
      ...name
    })), sort && /*#__PURE__*/_jsx(SortOptions, {
      ...sort
    }), state && /*#__PURE__*/_jsx(StateFilter, {
      ...state
    })]
  });
}
Toolbar.propTypes = {
  name: PropTypes.shape(NameFilter.propTypes),
  nameFilerAsInput: PropTypes.bool,
  state: PropTypes.shape(StateFilter.propTypes),
  sort: PropTypes.shape(SortOptions.propTypes)
};
export default Toolbar;
//# sourceMappingURL=Toolbar.component.js.map