@atlaskit/editor-plugin-extension
Version:
editor-plugin-extension plugin for @atlaskit/editor-core
80 lines • 3.18 kB
JavaScript
import _extends from "@babel/runtime/helpers/extends";
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
var _excluded = ["onChange"];
import React, { Fragment } from 'react';
import { Field } from '@atlaskit/form';
import TextArea from '@atlaskit/textarea';
import TextField from '@atlaskit/textfield';
import FieldMessages from '../FieldMessages';
import { validate as _validate } from '../utils';
export default 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.createElement(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 _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 = _objectWithoutProperties(fieldProps, _excluded);
var options = field.options;
return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(TextArea
// Ignored via go/ees005
// eslint-disable-next-line react/jsx-props-no-spreading
, _extends({}, 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.createElement(FieldMessages, {
error: error,
description: description
}));
}
return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(TextField
// Ignored via go/ees005
// eslint-disable-next-line react/jsx-props-no-spreading
, _extends({}, 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.createElement(FieldMessages, {
error: error,
description: description
}));
});
}