@atlaskit/editor-core
Version:
A package contains Atlassian editor core functionality
74 lines (73 loc) • 4.49 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _react = _interopRequireWildcard(require("react"));
var _react2 = require("@emotion/react");
var _reactIntl = require("react-intl");
var _messages = require("./messages");
var _styles = require("./styles");
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 _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
* @jsxRuntime classic
* @jsx jsx
*/ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
// Ignored via go/ees005
// eslint-disable-next-line @repo/internal/react/no-class-components
var ChromeCollapsed = /*#__PURE__*/function (_PureComponent) {
function ChromeCollapsed() {
var _this;
(0, _classCallCheck2.default)(this, ChromeCollapsed);
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
_this = _callSuper(this, ChromeCollapsed, [].concat(args));
(0, _defineProperty2.default)(_this, "focusHandler", function (evt) {
/**
* We need this magic for FireFox.
* The reason we need it is, when, in FireFox, we have focus inside input,
* and then we remove that input and move focus to another place programmatically,
* for whatever reason UP/DOWN arrows don't work until you blur and focus editor manually.
*/
if (_this.input) {
_this.input.blur();
}
if (_this.props.onFocus) {
_this.props.onFocus(evt);
}
});
(0, _defineProperty2.default)(_this, "handleInputRef", function (ref) {
_this.input = ref;
});
return _this;
}
(0, _inherits2.default)(ChromeCollapsed, _PureComponent);
return (0, _createClass2.default)(ChromeCollapsed, [{
key: "render",
value: function render() {
var placeholder = this.props.text || this.props.intl.formatMessage(_messages.messages.chromeCollapsedPlaceholder);
return (0, _react2.jsx)("input", {
"data-testid": "chrome-collapsed"
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
,
css: _styles.inputStyle,
ref: this.handleInputRef,
onFocus: this.focusHandler,
placeholder: placeholder,
"aria-label": this.props.label
});
}
}]);
}(_react.PureComponent); // eslint-disable-next-line @typescript-eslint/ban-types
var _default_1 = (0, _reactIntl.injectIntl)(ChromeCollapsed);
var _default = exports.default = _default_1;