@talend/react-faceted-search
Version:
66 lines (64 loc) • 2.07 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.BadgeOperatorPopover = void 0;
var _propTypes = _interopRequireDefault(require("prop-types"));
var _designSystem = require("@talend/design-system");
var _facetedSearch = require("../../facetedSearch.propTypes");
var _BadgeOperatorModule = _interopRequireDefault(require("./BadgeOperator.module.scss"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const BadgeOperatorRow = ({
onClick,
id,
name,
label,
iconName
}) => {
const onClickOperatorRow = event => {
onClick(event, name);
};
if (iconName) {
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_designSystem.ButtonTertiary, {
id: `${id}-operator-row-button-${name}`,
icon: `talend-${iconName}`,
onClick: onClickOperatorRow,
children: label
});
}
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_designSystem.ButtonTertiary, {
id: `${id}-operator-row-button-${name}`,
onClick: onClickOperatorRow,
children: label
});
};
BadgeOperatorRow.propTypes = {
onClick: _propTypes.default.func.isRequired,
id: _propTypes.default.string,
name: _propTypes.default.string,
label: _propTypes.default.string,
iconName: _propTypes.default.string
};
const BadgeOperatorPopover = ({
id,
operators,
onClick
}) => {
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
className: _BadgeOperatorModule.default['tc-badge-operator-popover'],
children: operators.map(operator => /*#__PURE__*/(0, _jsxRuntime.jsx)(BadgeOperatorRow, {
id: id,
onClick: onClick,
...operator
}, `${id}-${operator.name}`))
});
};
exports.BadgeOperatorPopover = BadgeOperatorPopover;
BadgeOperatorPopover.propTypes = {
id: _propTypes.default.string.isRequired,
operators: _facetedSearch.operatorsPropTypes.isRequired,
onClick: _propTypes.default.func.isRequired
};
// eslint-disable-next-line import/prefer-default-export
//# sourceMappingURL=BadgeOperatorPopover.component.js.map