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

Set of react components.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _propTypes = _interopRequireDefault(require("prop-types"));
var _FilterBar = _interopRequireDefault(require("../../FilterBar"));
var _NameFilter = _interopRequireDefault(require("./NameFilter"));
var _SortOptions = _interopRequireDefault(require("./SortOptions"));
var _StateFilter = _interopRequireDefault(require("./StateFilter"));
var _theme = require("../../theme");
var _ToolbarModule = _interopRequireDefault(require("./Toolbar.module.scss"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const theme = (0, _theme.getTheme)(_ToolbarModule.default);
function Toolbar({
  name,
  nameFilerAsInput,
  sort,
  state
}) {
  if (!name && !sort && !state) {
    return null;
  }
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
    className: theme('tc-resource-list-toolbar'),
    children: [name && (nameFilerAsInput ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_NameFilter.default, {
      ...name
    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_FilterBar.default, {
      className: theme('tc-resource-list-toolbar-filter'),
      placeholder: name.label,
      onFilter: name.onChange,
      dockable: false,
      ...name
    })), sort && /*#__PURE__*/(0, _jsxRuntime.jsx)(_SortOptions.default, {
      ...sort
    }), state && /*#__PURE__*/(0, _jsxRuntime.jsx)(_StateFilter.default, {
      ...state
    })]
  });
}
Toolbar.propTypes = {
  name: _propTypes.default.shape(_NameFilter.default.propTypes),
  nameFilerAsInput: _propTypes.default.bool,
  state: _propTypes.default.shape(_StateFilter.default.propTypes),
  sort: _propTypes.default.shape(_SortOptions.default.propTypes)
};
var _default = exports.default = Toolbar;
//# sourceMappingURL=Toolbar.component.js.map