UNPKG

@atlaskit/editor-plugin-extension

Version:

editor-plugin-extension plugin for @atlaskit/editor-core

89 lines (88 loc) 4.37 kB
"use strict"; var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); var _typeof = require("@babel/runtime/helpers/typeof"); Object.defineProperty(exports, "__esModule", { value: true }); exports.default = String; var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")); var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties")); var _react = _interopRequireWildcard(require("react")); var _form = require("@atlaskit/form"); var _textarea = _interopRequireDefault(require("@atlaskit/textarea")); var _textfield = _interopRequireDefault(require("@atlaskit/textfield")); var _FieldMessages = _interopRequireDefault(require("../FieldMessages")); var _utils = require("../utils"); var _excluded = ["onChange"]; function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); } function String(_ref) { var name = _ref.name, field = _ref.field, autoFocus = _ref.autoFocus, onFieldChange = _ref.onFieldChange, placeholder = _ref.placeholder; var label = field.label, description = field.description, defaultValue = field.defaultValue, isRequired = field.isRequired, isDisabled = field.isDisabled; return /*#__PURE__*/_react.default.createElement(_form.Field, { name: name, label: label, defaultValue: defaultValue || '', isRequired: isRequired // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) , validate: function validate(value) { return (0, _utils.validate)(field, value || ''); }, testId: "config-panel-string-".concat(name), isDisabled: isDisabled }, function (_ref2) { var fieldProps = _ref2.fieldProps, error = _ref2.error, meta = _ref2.meta; if (field.style === 'multiline') { var _onChange = fieldProps.onChange, restFieldProps = (0, _objectWithoutProperties2.default)(fieldProps, _excluded); var options = field.options; return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_textarea.default // Ignored via go/ees005 // eslint-disable-next-line react/jsx-props-no-spreading , (0, _extends2.default)({}, restFieldProps, options, { // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) onChange: function onChange(e) { return _onChange(e.currentTarget.value); } // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) , onBlur: function onBlur() { fieldProps.onBlur(); onFieldChange(name, meta.dirty); }, placeholder: placeholder, "data-testid": "config-panel-textarea-".concat(name) })), /*#__PURE__*/_react.default.createElement(_FieldMessages.default, { error: error, description: description })); } return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_textfield.default // Ignored via go/ees005 // eslint-disable-next-line react/jsx-props-no-spreading , (0, _extends2.default)({}, fieldProps, { type: "text", autoFocus: autoFocus // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) , onBlur: function onBlur() { fieldProps.onBlur(); onFieldChange(name, meta.dirty); }, placeholder: placeholder })), /*#__PURE__*/_react.default.createElement(_FieldMessages.default, { error: error, description: description })); }); }