react-elegant-ui
Version:
Elegant UI components, made by BEM best practices for react
49 lines • 2.06 kB
JavaScript
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 React, { useCallback } from 'react';
import { useComponentRegistry } from '../../../lib/di';
import { cnTextarea } from '../Textarea';
import './Textarea_hasClear.css';
export var withModTextareaHasClear = function (Textarea) {
var WithHasClear = function (_a) {
var _b;
var hasClear = _a.hasClear,
onClearClick = _a.onClearClick,
addonBeforeControl = _a.addonBeforeControl,
className = _a.className,
props = __rest(_a, ["hasClear", "onClearClick", "addonBeforeControl", "className"]);
var visible = Boolean((_b = props.value) !== null && _b !== void 0 ? _b : props.defaultValue);
var onMouseDown = useCallback(function (evt) {
// Prevent leave focus from Control.
evt.preventDefault();
}, []);
var Clear = useComponentRegistry(cnTextarea()).Clear;
return /*#__PURE__*/React.createElement(Textarea, __assign({}, props, {
className: cnTextarea({
hasClear: hasClear
}, [className]),
addonBeforeControl: hasClear ? ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Clear, {
onMouseDown: onMouseDown,
onClick: onClearClick,
visible: visible
}), addonBeforeControl)) : addonBeforeControl
}));
};
return WithHasClear;
};