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

Elegant UI components, made by BEM best practices for react

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.cnTextinput = exports.Textinput = void 0;
var _react = _interopRequireWildcard(require("react"));
var _classname = require("@bem-react/classname");
var _di = require("../../lib/di");
var _makeChain = require("../../lib/makeChain");
require("./Textinput.css");
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 cnTextinput = exports.cnTextinput = (0, _classname.cn)('Textinput');
var Textinput = function (_a) {
  var value = _a.value,
    onChange = _a.onChange,
    setValue = _a.setValue,
    disabled = _a.disabled,
    placeholder = _a.placeholder,
    spellCheck = _a.spellCheck,
    onInputText = _a.onInputText,
    addonBeforeControl = _a.addonBeforeControl,
    addonAfterControl = _a.addonAfterControl,
    iconLeft = _a.iconLeft,
    iconRight = _a.iconRight,
    hint = _a.hint,
    state = _a.state,
    className = _a.className,
    innerRef = _a.innerRef,
    controlProps = _a.controlProps,
    props = __rest(_a, ["value", "onChange", "setValue", "disabled", "placeholder", "spellCheck", "onInputText", "addonBeforeControl", "addonAfterControl", "iconLeft", "iconRight", "hint", "state", "className", "innerRef", "controlProps"]);
  // Prevent rerender due to use spread
  var controlPropsMix = (0, _react.useMemo)(function () {
    return __assign(__assign({
      value: value,
      disabled: disabled,
      placeholder: placeholder,
      spellCheck: spellCheck
    }, controlProps), {
      onChange: (0, _makeChain.makeChain)(controlProps === null || controlProps === void 0 ? void 0 : controlProps.onChange, onChange, function (evt) {
        if (onInputText === undefined) return;
        onInputText(evt.target.value);
      })
    });
  }, [value, disabled, placeholder, spellCheck, controlProps, onChange, onInputText]);
  var _b = (0, _di.useComponentRegistry)(cnTextinput()),
    Wrap = _b.Wrap,
    Control = _b.Control,
    Icon = _b.Icon,
    Box = _b.Box,
    Hint = _b.Hint;
  return /*#__PURE__*/_react.default.createElement("div", __assign({}, props, {
    className: cnTextinput({
      state: state,
      disabled: disabled
    }, [className]),
    ref: innerRef
  }), /*#__PURE__*/_react.default.createElement(Wrap, null, iconLeft && /*#__PURE__*/_react.default.createElement(Icon, {
    side: "left",
    component: iconLeft
  }), addonBeforeControl, /*#__PURE__*/_react.default.createElement(Control, __assign({}, controlPropsMix)), addonAfterControl, iconRight && /*#__PURE__*/_react.default.createElement(Icon, {
    side: "right",
    component: iconRight
  }), /*#__PURE__*/_react.default.createElement(Box, null)), hint && /*#__PURE__*/_react.default.createElement(Hint, null, hint));
};
exports.Textinput = Textinput;
Textinput.displayName = cnTextinput();