@talend/react-faceted-search/lib/components/AddFacetPopover/AddFacetPopoverRow/AddFacetPopoverRowButton/AddFacetPopoverRowButton.component.js

Faceted search

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.AddFacetPopoverRowButton = void 0;
var _propTypes = _interopRequireDefault(require("prop-types"));
var _designSystem = require("@talend/design-system");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const AddFacetPopoverRowButton = ({
  id,
  label,
  onClick,
  disabledLabel,
  isCategory = false
}) => {
  const body = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_designSystem.StackHorizontal, {
    gap: "0",
    align: "center",
    justify: "spaceBetween",
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
      children: label
    }), isCategory && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
      "data-test": "add-facet-popover-row-button-chevron",
      "data-testid": "add-facet-popover-row-button-chevron",
      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_designSystem.SizedIcon, {
        name: "chevron-right",
        size: "S"
      })
    })]
  });
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_designSystem.ButtonTertiary, {
    "data-test": "add-facet-popover-row-button",
    "data-testid": "add-facet-popover-row-button",
    id: id,
    onClick: onClick,
    disabled: !!disabledLabel,
    children: body
  });
};
exports.AddFacetPopoverRowButton = AddFacetPopoverRowButton;
AddFacetPopoverRowButton.propTypes = {
  id: _propTypes.default.string.isRequired,
  label: _propTypes.default.string.isRequired,
  onClick: _propTypes.default.func.isRequired,
  disabledLabel: _propTypes.default.string,
  isCategory: _propTypes.default.bool
};
//# sourceMappingURL=AddFacetPopoverRowButton.component.js.map