react-elegant-ui/esm/components/Textinput/_hasClear/Textinput_hasClear.js

Elegant UI components, made by BEM best practices for react

var __assign = this && this.__assign || function () {
  __assign = Object.assign || function (t) {
    for (var s, i = 1, n = arguments.length; i < n; i++) {
      s = arguments[i];
      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
    }
    return t;
  };
  return __assign.apply(this, arguments);
};
var __rest = this && this.__rest || function (s, e) {
  var t = {};
  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
  }
  return t;
};
import { useComponentRegistry } from '../../../lib/di';
import React, { useCallback } from 'react';
import { cnTextinput } from '../Textinput';
export var withModTextinputHasClear = function (Textinput) {
  var WithHasClear = function (_a) {
    var _b;
    var hasClear = _a.hasClear,
      onClearClick = _a.onClearClick,
      addonAfterControl = _a.addonAfterControl,
      className = _a.className,
      props = __rest(_a, ["hasClear", "onClearClick", "addonAfterControl", "className"]);
    var visible = Boolean((_b = props.value) !== null && _b !== void 0 ? _b : props.defaultValue);
    var onMouseDownHandler = useCallback(function (evt) {
      // Prevent leave focus from Control.
      evt.preventDefault();
    }, []);
    var _c = useComponentRegistry(cnTextinput()),
      Icon = _c.Icon,
      Clear = _c.Clear;
    return /*#__PURE__*/React.createElement(Textinput, __assign({}, props, {
      className: cnTextinput({
        hasClear: hasClear
      }, [className]),
      addonAfterControl: hasClear ? ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
        component: /*#__PURE__*/React.createElement(Clear, {
          onMouseDown: onMouseDownHandler,
          onClick: onClearClick,
          visible: visible
        })
      }), addonAfterControl)) : addonAfterControl
    }));
  };
  return WithHasClear;
};