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

Elegant UI components, made by BEM best practices for react

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.withModTextinputHasClear = void 0;
var _di = require("../../../lib/di");
var _react = _interopRequireWildcard(require("react"));
var _Textinput = require("../Textinput");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
var __assign = void 0 && (void 0).__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 = void 0 && (void 0).__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;
};
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 = (0, _react.useCallback)(function (evt) {
      // Prevent leave focus from Control.
      evt.preventDefault();
    }, []);
    var _c = (0, _di.useComponentRegistry)((0, _Textinput.cnTextinput)()),
      Icon = _c.Icon,
      Clear = _c.Clear;
    return /*#__PURE__*/_react.default.createElement(Textinput, __assign({}, props, {
      className: (0, _Textinput.cnTextinput)({
        hasClear: hasClear
      }, [className]),
      addonAfterControl: hasClear ? ( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Icon, {
        component: /*#__PURE__*/_react.default.createElement(Clear, {
          onMouseDown: onMouseDownHandler,
          onClick: onClearClick,
          visible: visible
        })
      }), addonAfterControl)) : addonAfterControl
    }));
  };
  return WithHasClear;
};
exports.withModTextinputHasClear = withModTextinputHasClear;