@talend/react-components
Version:
Set of react components.
46 lines • 1.39 kB
JavaScript
import classNames from 'classnames';
import PropTypes from 'prop-types';
import { Action } from '../../../../Actions';
import Icon from '../../../../Icon';
import OverlayTrigger from '../../../../OverlayTrigger';
import getPropsFrom from '../../../../utils/getPropsFrom';
import theme from './OrderChooser.module.scss';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
function OrderChooser({
icon,
asc,
label,
tooltipPlacement,
onClick,
...rest
}) {
return /*#__PURE__*/_jsxs(Action, {
...getPropsFrom(Action, rest),
label: label,
onClick: onClick,
className: classNames('tc-resource-picker-order-chooser', theme['tc-resource-picker-order-chooser']),
hideLabel: true,
bsStyle: "link",
children: [/*#__PURE__*/_jsx(Icon, {
name: icon
}), /*#__PURE__*/_jsx(Icon, {
name: "talend-caret-down",
className: classNames('tc-resource-picker-order-indicator', theme['tc-resource-picker-order-indicator'], {
[theme.asc]: asc
})
})]
});
}
OrderChooser.propTypes = {
t: PropTypes.func,
icon: PropTypes.string,
asc: PropTypes.bool,
label: PropTypes.string,
onClick: PropTypes.func.isRequired,
tooltipPlacement: OverlayTrigger.propTypes.overlayPlacement
};
OrderChooser.defaultProps = {
tooltipPlacement: 'top'
};
export default OrderChooser;
//# sourceMappingURL=OrderChooser.component.js.map