@talend/react-forms/lib/UIForm/fields/Comparator/displayMode/TextMode.component.js

React forms library based on json schema form.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = TextMode;
var _propTypes = _interopRequireDefault(require("prop-types"));
var _Comparator = require("../Comparator.component");
var _FieldTemplate = require("../../FieldTemplate");
var _reactComponents = require("@talend/react-components");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function TextMode(props) {
  const {
    id,
    schema,
    value
  } = props;
  const iconName = _Comparator.ICONS_MAPPING[value.operator];
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_FieldTemplate.TextMode, {
    id: id,
    label: schema.title,
    labelProps: schema.labelProps,
    children: [iconName && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactComponents.Icon, {
      name: iconName
    }), !iconName && value.operator, `${value.operator ? ' ' : ''}${value.value || ''}`]
  });
}
if (process.env.NODE_ENV !== 'production') {
  TextMode.propTypes = {
    id: _propTypes.default.string,
    schema: _propTypes.default.shape({
      title: _propTypes.default.string,
      labelProps: _propTypes.default.object
    }),
    value: _propTypes.default.shape({
      operator: _propTypes.default.string,
      value: _propTypes.default.string
    })
  };
}
TextMode.defaultProps = {
  schema: {},
  value: {
    operator: '',
    value: ''
  }
};
//# sourceMappingURL=TextMode.component.js.map