@talend/react-faceted-search/lib/components/FacetedToolbar/FacetedToolbar.component.js

Faceted search

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.FacetedToolbar = void 0;
var _propTypes = _interopRequireDefault(require("prop-types"));
var _designSystem = require("@talend/design-system");
var _constants = require("../../constants");
var _FacetedToolbarModule = _interopRequireDefault(require("./FacetedToolbar.module.scss"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const SwitchFacetedMode = ({
  facetedMode,
  onChange,
  t
}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_designSystem.Form, {
  className: _FacetedToolbarModule.default['tc-faceted-switch-mode'],
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_designSystem.Form.ToggleSwitch, {
    label: t('FACETED_SEARCH_QUERY', 'Query'),
    checked: facetedMode === _constants.FACETED_MODE.ADVANCED,
    onChange: () => onChange(facetedMode === _constants.FACETED_MODE.BASIC ? _constants.FACETED_MODE.ADVANCED : _constants.FACETED_MODE.BASIC),
    "data-feature": facetedMode === _constants.FACETED_MODE.BASIC ? _constants.USAGE_TRACKING_TAGS.BASIC : _constants.USAGE_TRACKING_TAGS.ADVANCED
  })
});
SwitchFacetedMode.propTypes = {
  facetedMode: _propTypes.default.string.isRequired,
  onChange: _propTypes.default.func.isRequired,
  t: _propTypes.default.func.isRequired
};
const FacetedToolbar = ({
  children,
  facetedMode,
  id,
  onChangeFacetedMode,
  t
}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
  id: `${id}-toolbar`,
  className: _FacetedToolbarModule.default['tc-faceted-toolbar'],
  children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)(SwitchFacetedMode, {
    id: id,
    facetedMode: facetedMode,
    onChange: onChangeFacetedMode,
    t: t
  })]
});
exports.FacetedToolbar = FacetedToolbar;
FacetedToolbar.propTypes = {
  children: _propTypes.default.oneOfType([_propTypes.default.element, _propTypes.default.arrayOf(_propTypes.default.element)]),
  facetedMode: _propTypes.default.string.isRequired,
  id: _propTypes.default.string.isRequired,
  onChangeFacetedMode: _propTypes.default.func.isRequired,
  t: _propTypes.default.func.isRequired
};

// eslint-disable-next-line import/prefer-default-export
//# sourceMappingURL=FacetedToolbar.component.js.map