@pinuts/bsr-uikit-relaunch/dist/items/TextBox/TextBox.js

BSR UI-KIT Relaunch

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _reactI18next = require("react-i18next");
var _formBuilder = require("@pinuts/form-builder");
var _FormFieldWrapper = _interopRequireDefault(require("../FormFieldWrapper/FormFieldWrapper.jsx"));
var _withFieldGroup = _interopRequireDefault(require("../../hooks/withFieldGroup.jsx"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const TextBox = _ref => {
  let {
    config = {}
  } = _ref;
  const [t] = (0, _reactI18next.useTranslation)();
  const {
    inputProps = {},
    text,
    dataKey
  } = config;
  const usedText = config[dataKey] || text;
  if (!usedText) {
    return null;
  }
  return /*#__PURE__*/_react.default.createElement("span", inputProps, t(usedText));
};
TextBox.propTypes = {
  config: _propTypes.default.shape({
    className: _propTypes.default.string,
    inputProps: _propTypes.default.object,
    text: _propTypes.default.string,
    label: _propTypes.default.string,
    dataKey: _propTypes.default.string
  }),
  onClick: _propTypes.default.func,
  customText: _propTypes.default.string
};
const HigherOrderTextBoxField = (0, _withFieldGroup.default)(TextBox);
const WrappedTextInputField = props => {
  return /*#__PURE__*/_react.default.createElement(_FormFieldWrapper.default, props, /*#__PURE__*/_react.default.createElement(HigherOrderTextBoxField, props));
};
(0, _formBuilder.registerComponent)('TextBox', WrappedTextInputField);
var _default = exports.default = TextBox;