@helpscout/hsds-react/components/Dropdown/Dropdown.ItemSelectedCheck.js

React component library for Help Scout's Design System

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.default = void 0;

var _react = _interopRequireDefault(require("react"));

var _Icon = _interopRequireDefault(require("../Icon"));

var _classnames = _interopRequireDefault(require("classnames"));

var _Dropdown = require("./Dropdown.utils");

var _Dropdown2 = require("./Dropdown.css");

var _jsxRuntime = require("react/jsx-runtime");

// Deprecated

/* istanbul ignore file */
function noop() {}

var defaultProps = {
  value: '',
  isActive: false,
  isSelectionClearer: false,
  getState: noop
};

var DropdownItemSelectedCheck = function DropdownItemSelectedCheck(props) {
  if (props === void 0) {
    props = defaultProps;
  }

  var isClearerActive = false;
  var state = props.getState();

  if (props.isSelectionClearer && state) {
    isClearerActive = (0, _Dropdown.isSelectedItemEmpty)(state.selectedItem);
  }

  var componentClassnames = (0, _classnames.default)('c-ItemSelectedCheck', props.isSelectionClearer && 'selectionClearer', isClearerActive && 'is-selectionClearer-active');
  var content = props.label || props.value;
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Dropdown2.ItemSelectedCheckUI, {
    className: componentClassnames,
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
      className: "c-ItemSelectedCheck__value",
      children: content
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown2.SelectedCheckmarkUI, {
      children: props.isActive || isClearerActive ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
        name: "check"
      }) : null
    })]
  });
};

DropdownItemSelectedCheck.defaultProps = defaultProps;
DropdownItemSelectedCheck.displayName = 'DropdownItemSelectedCheck';
var _default = DropdownItemSelectedCheck;
exports.default = _default;