@commercetools-uikit/localized-rich-text-input 13.0.1 → 13.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -9,17 +9,13 @@ var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/in
9
9
  var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
10
10
  var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
11
11
  var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
12
- require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
13
12
  var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
14
13
  var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
14
+ require('prop-types');
15
15
  var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
16
16
  var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
17
17
  var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
18
- var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
19
18
  var react$1 = require('react');
20
- require('prop-types');
21
- require('react-required-if');
22
- require('common-tags');
23
19
  var react = require('@emotion/react');
24
20
  var Stack = require('@commercetools-uikit/spacings-stack');
25
21
  var Constraints = require('@commercetools-uikit/constraints');
@@ -27,16 +23,17 @@ var hooks = require('@commercetools-uikit/hooks');
27
23
  var localizedUtils = require('@commercetools-uikit/localized-utils');
28
24
  var inputUtils = require('@commercetools-uikit/input-utils');
29
25
  var richTextUtils = require('@commercetools-uikit/rich-text-utils');
26
+ var utils = require('@commercetools-uikit/utils');
30
27
  var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
31
28
  var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
32
29
  var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
33
30
  var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
34
31
  var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
35
32
  var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
33
+ var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
36
34
  var _setTimeout = require('@babel/runtime-corejs3/core-js-stable/set-timeout');
37
35
  var pick = require('lodash/pick');
38
36
  var slateReact = require('slate-react');
39
- var utils = require('@commercetools-uikit/utils');
40
37
  var _styled = require('@emotion/styled/base');
41
38
  var reactIntl = require('react-intl');
42
39
  var designSystem = require('@commercetools-uikit/design-system');
@@ -59,10 +56,10 @@ var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defin
59
56
  var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
60
57
  var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
61
58
  var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
62
- var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
63
59
  var Stack__default = /*#__PURE__*/_interopDefault(Stack);
64
60
  var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
65
61
  var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
62
+ var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
66
63
  var _setTimeout__default = /*#__PURE__*/_interopDefault(_setTimeout);
67
64
  var pick__default = /*#__PURE__*/_interopDefault(pick);
68
65
  var _styled__default = /*#__PURE__*/_interopDefault(_styled);
@@ -75,7 +72,7 @@ function ownKeys$4(object, enumerableOnly) { var keys = _Object$keys__default["d
75
72
  function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$4(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$4(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
76
73
 
77
74
  var EditorLanguageLabel = _styled__default["default"]("label", {
78
- target: "e1ujjdh2"
75
+ target: "ew063c2"
79
76
  } )(function (props) {
80
77
  var overwrittenVars = _objectSpread$4(_objectSpread$4({}, designSystem.customProperties), props.theme);
81
78
 
@@ -83,13 +80,13 @@ var EditorLanguageLabel = _styled__default["default"]("label", {
83
80
  }, "" );
84
81
 
85
82
  var EditorWrapper = _styled__default["default"]("div", {
86
- target: "e1ujjdh1"
83
+ target: "ew063c1"
87
84
  } )("width:100%;position:relative;display:flex;cursor:", function (props) {
88
85
  return props.isDisabled || props.isReadOnly ? 'not-allowed' : 'inherit';
89
86
  }, ";" + ("" ));
90
87
 
91
88
  var ToggleButtonWrapper = _styled__default["default"]("div", {
92
- target: "e1ujjdh0"
89
+ target: "ew063c0"
93
90
  } )({
94
91
  name: "ejz79s",
95
92
  styles: "flex:0;display:flex"
@@ -101,21 +98,21 @@ function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) {
101
98
  var COLLAPSED_HEIGHT = 32;
102
99
 
103
100
  var LeftColumn = _styled__default["default"]("div", {
104
- target: "egz4dsd2"
101
+ target: "el9zors2"
105
102
  } )({
106
103
  name: "147rp59",
107
104
  styles: "flex:1;display:flex;align-items:flex-start"
108
105
  } );
109
106
 
110
107
  var RightColumn = _styled__default["default"]("div", {
111
- target: "egz4dsd1"
108
+ target: "el9zors1"
112
109
  } )({
113
110
  name: "1m04uhl",
114
111
  styles: "position:relative;flex:0;display:flex;align-items:flex-start"
115
112
  } );
116
113
 
117
114
  var Row = _styled__default["default"]("div", {
118
- target: "egz4dsd0"
115
+ target: "el9zors0"
119
116
  } )({
120
117
  name: "skgbeu",
121
118
  styles: "display:flex;justify-content:flex-end"
@@ -126,10 +123,14 @@ var _ref$1 = {
126
123
  styles: "flex:auto;width:0;border-top-left-radius:0;border-bottom-left-radius:0"
127
124
  } ;
128
125
 
129
- var Editor = function Editor(props) {
126
+ var Editor$1 = function Editor(props) {
127
+ var _props$editor, _props$editor2, _props$editor3, _props$editor4;
128
+
130
129
  var intl = reactIntl.useIntl();
131
130
  var ref = react$1.useRef();
132
- var prevIsFocused = hooks.usePrevious(props.editor.value.selection.isFocused);
131
+ var prevIsFocused = hooks.usePrevious((_props$editor = props.editor) === null || _props$editor === void 0 ? void 0 : _props$editor.value.selection.isFocused);
132
+
133
+ if (props.showExpandIcon) ;
133
134
 
134
135
  var _useState = react$1.useState(false),
135
136
  _useState2 = _slicedToArray(_useState, 2),
@@ -141,7 +142,9 @@ var Editor = function Editor(props) {
141
142
  toggleLanguage(props.language);
142
143
  }, [toggleLanguage, props.language]);
143
144
  var updateRenderToggleButton = react$1.useCallback(function () {
144
- var doesExceedCollapsedHeightLimit = ref.current.clientHeight > COLLAPSED_HEIGHT;
145
+ var _ref$current;
146
+
147
+ var doesExceedCollapsedHeightLimit = Number((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.clientHeight) > COLLAPSED_HEIGHT;
145
148
 
146
149
  if (doesExceedCollapsedHeightLimit && !renderToggleButton) {
147
150
  setRenderToggleButton(true);
@@ -153,9 +156,9 @@ var Editor = function Editor(props) {
153
156
  }, [setRenderToggleButton, renderToggleButton]);
154
157
  react$1.useEffect(function () {
155
158
  updateRenderToggleButton();
156
- }, [props.editor.value.document, updateRenderToggleButton]); // opens the input if it regains focus and it's closed
159
+ }, [(_props$editor2 = props.editor) === null || _props$editor2 === void 0 ? void 0 : _props$editor2.value.document, updateRenderToggleButton]); // opens the input if it regains focus and it's closed
157
160
 
158
- if (prevIsFocused !== props.editor.value.selection.isFocused && props.editor.value.selection.isFocused && !props.isOpen) {
161
+ if (prevIsFocused !== ((_props$editor3 = props.editor) === null || _props$editor3 === void 0 ? void 0 : _props$editor3.value.selection.isFocused) && (_props$editor4 = props.editor) !== null && _props$editor4 !== void 0 && _props$editor4.value.selection.isFocused && !props.isOpen) {
159
162
  onToggle();
160
163
  }
161
164
 
@@ -180,6 +183,10 @@ var Editor = function Editor(props) {
180
183
  toggle = _ref2.toggle,
181
184
  containerStyles = _ref2.containerStyles,
182
185
  registerContentNode = _ref2.registerContentNode;
186
+ var refObj = {
187
+ containerRef: ref,
188
+ registerContentNode: registerContentNode
189
+ };
183
190
  return jsxRuntime.jsxs(Stack__default["default"], {
184
191
  scale: "xs",
185
192
  children: [jsxRuntime.jsxs(EditorWrapper, {
@@ -193,18 +200,14 @@ var Editor = function Editor(props) {
193
200
  children: props.language.toUpperCase()
194
201
  })
195
202
  }), jsxRuntime.jsx(richTextUtils.RichTextBody, {
196
- ref: {
197
- containerRef: ref,
198
- registerContentNode: registerContentNode
199
- },
203
+ ref: refObj,
200
204
  styles: {
201
205
  container: _ref$1
202
206
  },
203
- isOpen: props.isOpen,
204
207
  hasError: props.hasError,
205
208
  isDisabled: props.isDisabled,
206
209
  hasWarning: props.hasWarning,
207
- isReadOnly: props.isReadOnly,
210
+ isReadOnly: Boolean(props.isReadOnly),
208
211
  editor: props.editor,
209
212
  containerStyles: containerStyles,
210
213
  showExpandIcon: props.showExpandIcon,
@@ -250,10 +253,15 @@ var Editor = function Editor(props) {
250
253
  });
251
254
  }
252
255
  });
253
- }; // eslint-disable-next-line react/display-name
256
+ };
254
257
 
258
+ Editor$1.propTypes = {};
255
259
 
256
260
  var renderEditor = function renderEditor(props, editor, next) {
261
+ var _props$editor5;
262
+
263
+ if (props.options.showExpandIcon) ;
264
+
257
265
  var internalId = "".concat(props.id, "__internal__id");
258
266
  var children = /*#__PURE__*/react$1.cloneElement(next(), {
259
267
  id: internalId
@@ -265,12 +273,12 @@ var renderEditor = function renderEditor(props, editor, next) {
265
273
  isReadOnly: props.readOnly
266
274
  }, pick__default["default"](props.options, ['defaultExpandMultilineText', 'language', 'warning', 'error', 'hasWarning', 'hasError', 'toggleLanguage', 'isOpen', 'showExpandIcon', 'onClickExpand', 'hasLanguagesControl'])), utils.filterDataAttributes(props));
267
275
 
268
- var isFocused = props.editor.value.selection.isFocused;
269
- return jsxRuntime.jsxs(Editor, _objectSpread$3(_objectSpread$3({
276
+ var isFocused = (_props$editor5 = props.editor) === null || _props$editor5 === void 0 ? void 0 : _props$editor5.value.selection.isFocused;
277
+ return jsxRuntime.jsxs(Editor$1, _objectSpread$3(_objectSpread$3({
270
278
  editor: editor
271
279
  }, passedProps), {}, {
272
280
  children: [children, jsxRuntime.jsx(richTextUtils.HiddenInput, {
273
- isFocused: isFocused,
281
+ isFocused: Boolean(isFocused),
274
282
  handleFocus: editor.focus,
275
283
  disabled: props.disabled,
276
284
  readOnly: props.readOnly,
@@ -279,18 +287,24 @@ var renderEditor = function renderEditor(props, editor, next) {
279
287
  }));
280
288
  };
281
289
 
282
- Editor.displayName = 'Editor';
283
- Editor.propTypes = {};
284
- renderEditor.propTypes = {};
290
+ Editor$1.displayName = 'Editor';
285
291
  var renderEditor$1 = renderEditor;
286
292
 
293
+ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
294
+
295
+ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct__default["default"]) return false; if (_Reflect$construct__default["default"].sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); return true; } catch (e) { return false; } }
296
+
287
297
  function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
288
298
 
289
299
  function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$2(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$2(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
290
300
 
291
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
301
+ // This is a temporary wrapper component helping to mitigate typing issues of `slate-react@0.22.10` package.
302
+ // TODO: remove after upgrade of `slate-react` to the latest version
303
+ var Editor = function Editor(props) {
304
+ return jsxRuntime.jsx(slateReact.Editor, _objectSpread$2({}, props));
305
+ };
292
306
 
293
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct__default["default"]) return false; if (_Reflect$construct__default["default"].sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); return true; } catch (e) { return false; } }
307
+ Editor.propTypes = {};
294
308
 
295
309
  var RichTextInput = /*#__PURE__*/function (_PureComponent) {
296
310
  _inherits(RichTextInput, _PureComponent);
@@ -326,6 +340,8 @@ var RichTextInput = /*#__PURE__*/function (_PureComponent) {
326
340
  // onChange unless this value changes.
327
341
 
328
342
  if (hasSerializedValueChanged) {
343
+ var _this$props$onChange, _this$props;
344
+
329
345
  var fakeEvent = {
330
346
  target: {
331
347
  id: _this.props.id,
@@ -334,8 +350,7 @@ var RichTextInput = /*#__PURE__*/function (_PureComponent) {
334
350
  value: serializedValue
335
351
  }
336
352
  };
337
-
338
- _this.props.onChange(fakeEvent);
353
+ (_this$props$onChange = (_this$props = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props, fakeEvent);
339
354
  }
340
355
 
341
356
  if (hasInternalSlateValueChanged && !hasSerializedValueChanged) {
@@ -344,7 +359,7 @@ var RichTextInput = /*#__PURE__*/function (_PureComponent) {
344
359
  }
345
360
  };
346
361
 
347
- _this.onBlur = function (event, editor, next) {
362
+ _this.onBlur = function (_event, _editor, next) {
348
363
  next();
349
364
 
350
365
  if (_this.props.onBlur) {
@@ -356,12 +371,14 @@ var RichTextInput = /*#__PURE__*/function (_PureComponent) {
356
371
  };
357
372
 
358
373
  _setTimeout__default["default"](function () {
359
- return _this.props.onBlur(fakeEvent);
374
+ var _this$props$onBlur, _this$props2;
375
+
376
+ return (_this$props$onBlur = (_this$props2 = _this.props).onBlur) === null || _this$props$onBlur === void 0 ? void 0 : _this$props$onBlur.call(_this$props2, fakeEvent);
360
377
  }, 0);
361
378
  }
362
379
  };
363
380
 
364
- _this.onFocus = function (event, editor, next) {
381
+ _this.onFocus = function (_event, _editor, next) {
365
382
  next();
366
383
 
367
384
  if (_this.props.onFocus) {
@@ -373,7 +390,9 @@ var RichTextInput = /*#__PURE__*/function (_PureComponent) {
373
390
  };
374
391
 
375
392
  _setTimeout__default["default"](function () {
376
- return _this.props.onFocus(fakeEvent);
393
+ var _this$props$onFocus, _this$props3;
394
+
395
+ return (_this$props$onFocus = (_this$props3 = _this.props).onFocus) === null || _this$props$onFocus === void 0 ? void 0 : _this$props$onFocus.call(_this$props3, fakeEvent);
377
396
  }, 0);
378
397
  }
379
398
  };
@@ -393,7 +412,11 @@ var RichTextInput = /*#__PURE__*/function (_PureComponent) {
393
412
  }, {
394
413
  key: "render",
395
414
  value: function render() {
396
- return jsxRuntime.jsx(slateReact.Editor, _objectSpread$2(_objectSpread$2({}, utils.filterDataAttributes(this.props)), {}, {
415
+ if (!this.props.isReadOnly) ;
416
+
417
+ if (this.props.showExpandIcon) ;
418
+
419
+ return jsxRuntime.jsx(Editor, _objectSpread$2(_objectSpread$2({}, utils.filterDataAttributes(this.props)), {}, {
397
420
  id: this.props.id,
398
421
  name: this.props.name,
399
422
  disabled: this.props.isDisabled,
@@ -404,9 +427,7 @@ var RichTextInput = /*#__PURE__*/function (_PureComponent) {
404
427
  // warning in the console,
405
428
  // so instead we pass our extra this.props through this `options` prop.
406
429
  ,
407
- options: _objectSpread$2({
408
- hasLanguagesControl: this.props.hasLanguagesControl
409
- }, pick__default["default"](this.props, ['language', 'onToggle', 'toggleLanguage', 'isOpen', 'warning', 'error', 'defaultExpandMultilineText', 'hasWarning', 'hasError', 'placeholder', 'onClickExpand', 'showExpandIcon'])),
430
+ options: pick__default["default"](this.props, ['language', 'onToggle', 'toggleLanguage', 'isOpen', 'warning', 'error', 'defaultExpandMultilineText', 'hasWarning', 'hasError', 'placeholder', 'onClickExpand', 'showExpandIcon', 'hasLanguagesControl']),
410
431
  onChange: this.onValueChange,
411
432
  plugins: richTextUtils.richTextPlugins,
412
433
  renderEditor: renderEditor$1
@@ -440,7 +461,11 @@ var RequiredValueErrorMessage$1 = RequiredValueErrorMessage;
440
461
 
441
462
  function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
442
463
 
443
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context4, _context5; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(source), !0)).call(_context4, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context5 = ownKeys(Object(source))).call(_context5, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
464
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
465
+ var defaultProps = {
466
+ horizontalConstraint: 'scale',
467
+ showExpandIcon: false
468
+ };
444
469
 
445
470
  var expandedTranslationsReducer = function expandedTranslationsReducer(state, action) {
446
471
  switch (action.type) {
@@ -477,6 +502,12 @@ var _ref = {
477
502
  var LocalizedRichTextInput = function LocalizedRichTextInput(props) {
478
503
  var _context2;
479
504
 
505
+ if (!props.isReadOnly) ;
506
+
507
+ if (props.showExpandIcon) ;
508
+
509
+ if (props.hideLanguageExpansionControls) ;
510
+
480
511
  var initialExpandedTranslationsState = _reduceInstanceProperty__default["default"](_context2 = _Object$keys__default["default"](props.value)).call(_context2, function (translations, locale) {
481
512
  return _objectSpread(_defineProperty({}, locale, Boolean(props.defaultExpandMultilineText)), translations);
482
513
  }, {});
@@ -524,7 +555,6 @@ var LocalizedRichTextInput = function LocalizedRichTextInput(props) {
524
555
  var isLastLanguage = index === languages.length - 1;
525
556
  var hasLanguagesControl = isFirstLanguage && !areLanguagesOpened || isLastLanguage;
526
557
  return jsxRuntime.jsx(RichTextInput$1, _objectSpread({
527
- autoComplete: props.autoComplete,
528
558
  id: LocalizedRichTextInput.getId(props.id, language),
529
559
  name: LocalizedRichTextInput.getName(props.name, language),
530
560
  value: props.value[language],
@@ -535,10 +565,8 @@ var LocalizedRichTextInput = function LocalizedRichTextInput(props) {
535
565
  placeholder: props.placeholder ? props.placeholder[language] : undefined,
536
566
  onBlur: props.onBlur,
537
567
  onFocus: props.onFocus,
538
- isAutofocussed: index === 0 && props.isAutofocussed,
539
568
  isDisabled: props.isDisabled,
540
569
  isReadOnly: props.isReadOnly,
541
- toggleLanguages: toggleLanguages,
542
570
  hasError: Boolean(props.hasError || props.errors && props.errors[language]),
543
571
  hasWarning: Boolean(props.hasWarning || props.warnings && props.warnings[language]),
544
572
  warning: props.warnings && props.warnings[language],
@@ -561,15 +589,12 @@ var LocalizedRichTextInput = function LocalizedRichTextInput(props) {
561
589
  });
562
590
  };
563
591
 
592
+ LocalizedRichTextInput.propTypes = {};
564
593
  LocalizedRichTextInput.displayName = 'LocalizedRichTextInput';
565
594
  LocalizedRichTextInput.RequiredValueErrorMessage = RequiredValueErrorMessage$1;
566
- LocalizedRichTextInput.propTypes = {};
567
595
  LocalizedRichTextInput.getId = localizedUtils.getId;
568
596
  LocalizedRichTextInput.getName = localizedUtils.getName;
569
- LocalizedRichTextInput.defaultProps = {
570
- horizontalConstraint: 'scale',
571
- showExpandIcon: false
572
- };
597
+ LocalizedRichTextInput.defaultProps = defaultProps;
573
598
  LocalizedRichTextInput.createLocalizedString = richTextUtils.localized.createLocalizedString;
574
599
  LocalizedRichTextInput.isEmpty = richTextUtils.localized.isEmpty;
575
600
  LocalizedRichTextInput.omitEmptyTranslations = richTextUtils.localized.omitEmptyTranslations;
@@ -577,7 +602,7 @@ LocalizedRichTextInput.isTouched = localizedUtils.isTouched;
577
602
  var LocalizedRichTextInput$1 = LocalizedRichTextInput;
578
603
 
579
604
  // NOTE: This string will be replaced on build time with the package version.
580
- var version = "13.0.1";
605
+ var version = "13.0.4";
581
606
 
582
607
  exports["default"] = LocalizedRichTextInput$1;
583
608
  exports.version = version;