@commercetools-uikit/localized-rich-text-input 15.15.0 → 16.0.0

package/dist/commercetools-uikit-localized-rich-text-input.cjs.prod.js

@@ -71,11 +71,9 @@ var FlatButton__default = /*#__PURE__*/_interopDefault(FlatButton);
 var isHotkey__default = /*#__PURE__*/_interopDefault(isHotkey);
 var pipe__default = /*#__PURE__*/_interopDefault(pipe);
 
-var getEditorLanguageLabelBorderColor = function getEditorLanguageLabelBorderColor(props) {
-  return "1px solid ".concat(props.isReadOnly ? designSystem.designTokens.borderColorForInputWhenReadonly : designSystem.designTokens.borderColorForInputWhenDisabled);
-};
+const getEditorLanguageLabelBorderColor = props => "1px solid ".concat(props.isReadOnly ? designSystem.designTokens.borderColorForInputWhenReadonly : designSystem.designTokens.borderColorForInputWhenDisabled);
 
-var getBackgroundColor = function getBackgroundColor(props) {
+const getBackgroundColor = props => {
   if (props.isDisabled) {
     return designSystem.designTokens.backgroundColorForInputWhenDisabled;
   }
@@ -87,23 +85,15 @@ var getBackgroundColor = function getBackgroundColor(props) {
   return designSystem.designTokens.backgroundColorForInput;
 };
 
-var EditorLanguageLabel = /*#__PURE__*/_styled__default["default"]("label", {
+const EditorLanguageLabel = /*#__PURE__*/_styled__default["default"]("label", {
   target: "ew063c2"
-} )("white-space:nowrap;flex:0;color:", designSystem.designTokens.fontColorForInputWhenDisabled, ";line-height:calc(\n    ", designSystem.designTokens.sizeHeightInput, " - 2 * ", designSystem.designTokens.borderRadius1, "\n  );background-color:", function (props) {
-  return getBackgroundColor(props);
-}, ";border-top-left-radius:", designSystem.designTokens.borderRadiusForInput, ";border-bottom-left-radius:", designSystem.designTokens.borderRadiusForInput, ";border:", function (props) {
-  return getEditorLanguageLabelBorderColor(props);
-}, ";padding:", designSystem.designTokens.paddingForLocalizedRichTextInputLabel, ";transition:border-color ", designSystem.designTokens.transitionStandard, ",background-color ", designSystem.designTokens.transitionStandard, ",color ", designSystem.designTokens.transitionStandard, ";border-right:0;box-shadow:none;appearance:none;display:", function (props) {
-  return props.isNewTheme && 'flex';
-}, ";align-items:center;cursor:inherit;" + ("" ));
-
-var EditorWrapper = /*#__PURE__*/_styled__default["default"]("div", {
+} )("white-space:nowrap;flex:0;color:", designSystem.designTokens.fontColorForInputWhenDisabled, ";line-height:calc(\n    ", designSystem.designTokens.sizeHeightInput, " - 2 * ", designSystem.designTokens.borderRadius1, "\n  );background-color:", props => getBackgroundColor(props), ";border-top-left-radius:", designSystem.designTokens.borderRadiusForInput, ";border-bottom-left-radius:", designSystem.designTokens.borderRadiusForInput, ";border:", props => getEditorLanguageLabelBorderColor(props), ";padding:", designSystem.designTokens.paddingForLocalizedRichTextInputLabel, ";transition:border-color ", designSystem.designTokens.transitionStandard, ",background-color ", designSystem.designTokens.transitionStandard, ",color ", designSystem.designTokens.transitionStandard, ";border-right:0;box-shadow:none;appearance:none;display:", props => props.isNewTheme && 'flex', ";align-items:center;cursor:inherit;" + ("" ));
+
+const EditorWrapper = /*#__PURE__*/_styled__default["default"]("div", {
   target: "ew063c1"
-} )("width:100%;position:relative;display:flex;cursor:", function (props) {
-  return props.isDisabled || props.isReadOnly ? 'not-allowed' : 'inherit';
-}, ";" + ("" ));
+} )("width:100%;position:relative;display:flex;cursor:", props => props.isDisabled || props.isReadOnly ? 'not-allowed' : 'inherit', ";" + ("" ));
 
-var ToggleButtonWrapper = /*#__PURE__*/_styled__default["default"]("div", {
+const ToggleButtonWrapper = /*#__PURE__*/_styled__default["default"]("div", {
   target: "ew063c0"
 } )({
   name: "ejz79s",
@@ -113,76 +103,70 @@ var ToggleButtonWrapper = /*#__PURE__*/_styled__default["default"]("div", {
 function ownKeys$3(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; }
 
 function _objectSpread$3(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$3(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$3(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-var HOTKEYS = {
+const HOTKEYS = {
   'mod+b': 'bold',
   'mod+i': 'italic',
   'mod+u': 'underline',
   'mod+`': 'code'
 };
-var COLLAPSED_HEIGHT = 32;
+const COLLAPSED_HEIGHT = 32;
 
-var LeftColumn = /*#__PURE__*/_styled__default["default"]("div", {
+const LeftColumn = /*#__PURE__*/_styled__default["default"]("div", {
   target: "el9zors2"
 } )({
   name: "147rp59",
   styles: "flex:1;display:flex;align-items:flex-start"
 } );
 
-var RightColumn = /*#__PURE__*/_styled__default["default"]("div", {
+const RightColumn = /*#__PURE__*/_styled__default["default"]("div", {
   target: "el9zors1"
 } )({
   name: "1m04uhl",
   styles: "position:relative;flex:0;display:flex;align-items:flex-start"
 } );
 
-var Row = /*#__PURE__*/_styled__default["default"]("div", {
+const Row = /*#__PURE__*/_styled__default["default"]("div", {
   target: "el9zors0"
 } )({
   name: "skgbeu",
   styles: "display:flex;justify-content:flex-end"
 } );
 
-var renderElement = function renderElement(props) {
-  return jsxRuntime.jsx(richTextUtils.Element, _objectSpread$3({}, props));
-};
+const renderElement = props => jsxRuntime.jsx(richTextUtils.Element, _objectSpread$3({}, props));
 
-var renderLeaf = function renderLeaf(props) {
-  return jsxRuntime.jsx(richTextUtils.Leaf, _objectSpread$3({}, props));
-};
+const renderLeaf = props => jsxRuntime.jsx(richTextUtils.Leaf, _objectSpread$3({}, props));
 
 var _ref = {
   name: "bcltzc",
   styles: "flex:auto;width:0;border-top-left-radius:0;border-bottom-left-radius:0"
 } ;
 
-var Editor = /*#__PURE__*/react.forwardRef(function (props, forwardedRef) {
-  var intl = reactIntl.useIntl();
-  var ref = react.useRef();
+const Editor = /*#__PURE__*/react.forwardRef((props, forwardedRef) => {
+  const intl = reactIntl.useIntl();
+  const ref = react.useRef();
 
-  var _useTheme = designSystem.useTheme(),
-      isNewTheme = _useTheme.isNewTheme;
+  const _useTheme = designSystem.useTheme(),
+        isNewTheme = _useTheme.isNewTheme;
 
-  var createEditorWithPlugins = pipe__default["default"](slateReact.withReact, slateHistory.withHistory); // eslint-disable-next-line react-hooks/exhaustive-deps
+  const createEditorWithPlugins = pipe__default["default"](slateReact.withReact, slateHistory.withHistory); // eslint-disable-next-line react-hooks/exhaustive-deps
 
-  var editor = react.useMemo(function () {
-    return createEditorWithPlugins(slate.createEditor());
-  }, []);
+  const editor = react.useMemo(() => createEditorWithPlugins(slate.createEditor()), []);
 
   if (props.showExpandIcon) ;
 
-  var _useState = react.useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      renderToggleButton = _useState2[0],
-      setRenderToggleButton = _useState2[1];
+  const _useState = react.useState(false),
+        _useState2 = _slicedToArray(_useState, 2),
+        renderToggleButton = _useState2[0],
+        setRenderToggleButton = _useState2[1];
 
-  var toggleLanguage = props.toggleLanguage;
-  var onToggle = react.useCallback(function () {
+  const toggleLanguage = props.toggleLanguage;
+  const onToggle = react.useCallback(() => {
     toggleLanguage(props.language);
   }, [toggleLanguage, props.language]);
-  var updateRenderToggleButton = react.useCallback(function () {
+  const updateRenderToggleButton = react.useCallback(() => {
     var _ref$current;
 
-    var doesExceedCollapsedHeightLimit = Number((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.clientHeight) > COLLAPSED_HEIGHT;
+    const doesExceedCollapsedHeightLimit = Number((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.clientHeight) > COLLAPSED_HEIGHT;
 
     if (doesExceedCollapsedHeightLimit && !renderToggleButton) {
       setRenderToggleButton(true);
@@ -192,14 +176,14 @@ var Editor = /*#__PURE__*/react.forwardRef(function (props, forwardedRef) {
       setRenderToggleButton(false);
     }
   }, [setRenderToggleButton, renderToggleButton]);
-  react.useEffect(function () {
+  react.useEffect(() => {
     updateRenderToggleButton();
   }, [editor, updateRenderToggleButton]); // resetting
 
-  var resetValue = react.useCallback(function (newValue) {
+  const resetValue = react.useCallback(newValue => {
     var _newValue$props$langu;
 
-    var newStringValue = typeof newValue === 'string' ? newValue : (_newValue$props$langu = newValue === null || newValue === void 0 ? void 0 : newValue[props.language]) !== null && _newValue$props$langu !== void 0 ? _newValue$props$langu : '';
+    const newStringValue = typeof newValue === 'string' ? newValue : (_newValue$props$langu = newValue === null || newValue === void 0 ? void 0 : newValue[props.language]) !== null && _newValue$props$langu !== void 0 ? _newValue$props$langu : '';
     richTextUtils.resetEditor(editor, newStringValue);
   }, [editor, props.language]);
   /*
@@ -209,12 +193,12 @@ var Editor = /*#__PURE__*/react.forwardRef(function (props, forwardedRef) {
   e.g. <button onMouseDown={() => ref.current?.resetValue("<p><strong>Value after reset</strong></p>")}>Reset</button>
   */
 
-  react.useImperativeHandle(forwardedRef, function () {
+  react.useImperativeHandle(forwardedRef, () => {
     return {
-      resetValue: resetValue
+      resetValue
     };
   });
-  var shouldToggleButtonTakeSpace =
+  const shouldToggleButtonTakeSpace =
   /*
     - if hasLanguagesControl and there are no errors/warnings to display
     - then the toggleButton is absolutely positioned
@@ -229,14 +213,14 @@ var Editor = /*#__PURE__*/react.forwardRef(function (props, forwardedRef) {
     isClosed: !props.isOpen,
     onToggle: onToggle,
     isDefaultClosed: !props.defaultExpandMultilineText,
-    children: function children(_ref2) {
-      var isOpen = _ref2.isOpen,
+    children: _ref2 => {
+      let isOpen = _ref2.isOpen,
           toggle = _ref2.toggle,
           containerStyles = _ref2.containerStyles,
           registerContentNode = _ref2.registerContentNode;
-      var refObj = {
+      const refObj = {
         containerRef: ref,
-        registerContentNode: registerContentNode
+        registerContentNode
       };
       return jsxRuntime.jsxs(Stack__default["default"], {
         scale: "xs",
@@ -276,7 +260,7 @@ var Editor = /*#__PURE__*/react.forwardRef(function (props, forwardedRef) {
                 placeholder: props.placeholder,
                 autoFocus: props.isAutofocused,
                 onBlur: props.onBlur,
-                onFocus: function onFocus(event) {
+                onFocus: event => {
                   var _props$onFocus;
 
                   (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 ? void 0 : _props$onFocus.call(props, event); // opens the input if it regains focus and it's closed
@@ -288,11 +272,11 @@ var Editor = /*#__PURE__*/react.forwardRef(function (props, forwardedRef) {
                 },
                 readOnly: props.isReadOnly,
                 disabled: props.isDisabled,
-                onKeyDown: function onKeyDown(event) {
-                  for (var hotkey in HOTKEYS) {
+                onKeyDown: event => {
+                  for (const hotkey in HOTKEYS) {
                     if (isHotkey__default["default"](hotkey, event)) {
                       event.preventDefault();
-                      var mark = HOTKEYS[hotkey];
+                      const mark = HOTKEYS[hotkey];
                       richTextUtils.toggleMark(editor, mark);
                       break;
                     }
@@ -300,7 +284,7 @@ var Editor = /*#__PURE__*/react.forwardRef(function (props, forwardedRef) {
                 }
               })), props.children, jsxRuntime.jsx(richTextUtils.HiddenInput, {
                 isFocused: slateReact.ReactEditor.isFocused(editor),
-                handleFocus: function handleFocus() {
+                handleFocus: () => {
                   richTextUtils.focusEditor(editor);
                 },
                 id: props.id,
@@ -318,7 +302,7 @@ var Editor = /*#__PURE__*/react.forwardRef(function (props, forwardedRef) {
         // TODO: revisit the logic and the implementation to maybe avoid having to apply this style.
         , {
           css: /*#__PURE__*/react$1.css("margin-top:", shouldToggleButtonTakeSpace ? 'inherit' : '0px !important', ";" + ("" ), "" ),
-          children: [function () {
+          children: [(() => {
             if (props.error) return jsxRuntime.jsx(LeftColumn, {
               children: jsxRuntime.jsx("div", {
                 children: props.error
@@ -330,7 +314,7 @@ var Editor = /*#__PURE__*/react.forwardRef(function (props, forwardedRef) {
               })
             });
             return null;
-          }(), renderToggleButton && jsxRuntime.jsx(RightColumn, {
+          })(), renderToggleButton && jsxRuntime.jsx(RightColumn, {
             children: jsxRuntime.jsx(ToggleButtonWrapper, {
               css: [!shouldToggleButtonTakeSpace && /*#__PURE__*/react$1.css("position:absolute;top:0;right:0;margin-top:", designSystem.designTokens.spacing10, ";" + ("" ), "" ), "" , "" ],
               children: jsxRuntime.jsx(FlatButton__default["default"], {
@@ -354,20 +338,18 @@ var Editor$1 = Editor;
 
 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; }
 
-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; }
+function _objectSpread$2(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$2(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$2(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 
 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); }; }
 
 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; } }
 
-var RichTextInput = /*#__PURE__*/function (_PureComponent) {
+let RichTextInput = /*#__PURE__*/function (_PureComponent) {
   _inherits(RichTextInput, _PureComponent);
 
   var _super = _createSuper(RichTextInput);
 
   function RichTextInput() {
-    var _context;
-
     var _this;
 
     _classCallCheck(this, RichTextInput);
@@ -376,19 +358,19 @@ var RichTextInput = /*#__PURE__*/function (_PureComponent) {
       args[_key] = arguments[_key];
     }
 
-    _this = _super.call.apply(_super, _concatInstanceProperty__default["default"](_context = [this]).call(_context, args));
+    _this = _super.call(this, ...args);
     _this.serializedValue = _this.props.value || '';
     _this.internalSlateValue = richTextUtils.validSlateStateAdapter(richTextUtils.html.deserialize(_this.props.value || ''));
 
-    _this.onValueChange = function (state) {
-      var serializedValue = richTextUtils.html.serialize(state); // because we are not using setState, we need to make sure that
+    _this.onValueChange = state => {
+      const serializedValue = richTextUtils.html.serialize(state); // because we are not using setState, we need to make sure that
       // we perform an update when the slate value changes
       // as this can contain things like cursor location
       // in this case, the internalSlateValue would change
       // but the serializedValue would NOT change.
 
-      var hasInternalSlateValueChanged = _this.internalSlateValue !== state;
-      var hasSerializedValueChanged = serializedValue !== _this.serializedValue;
+      const hasInternalSlateValueChanged = _this.internalSlateValue !== state;
+      const hasSerializedValueChanged = serializedValue !== _this.serializedValue;
       _this.internalSlateValue = richTextUtils.validSlateStateAdapter(state);
       _this.serializedValue = serializedValue; // the consumer only cares about the serializedValue, so it doesn't make sense to call
       // onChange unless this value changes.
@@ -459,11 +441,9 @@ RichTextInput.defaultProps = {
 };
 RichTextInput.displayName = 'RichTextInput';
 RichTextInput.propTypes = {};
-var RichTextInputWithRef = /*#__PURE__*/react.forwardRef(function (props, ref) {
-  return jsxRuntime.jsx(RichTextInput, _objectSpread$2({
-    parentRef: ref
-  }, props));
-});
+const RichTextInputWithRef = /*#__PURE__*/react.forwardRef((props, ref) => jsxRuntime.jsx(RichTextInput, _objectSpread$2({
+  parentRef: ref
+}, props)));
 RichTextInputWithRef.displayName = 'RichTextInputWithRef';
 var RichTextInput$1 = RichTextInputWithRef;
 
@@ -471,11 +451,9 @@ function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["d
 
 function _objectSpread$1(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$1(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$1(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 
-var RequiredValueErrorMessage = function RequiredValueErrorMessage() {
-  return jsxRuntime.jsx(messages.ErrorMessage, {
-    children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1({}, inputUtils.messagesLocalizedInput.missingRequiredField))
-  });
-};
+const RequiredValueErrorMessage = () => jsxRuntime.jsx(messages.ErrorMessage, {
+  children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$1({}, inputUtils.messagesLocalizedInput.missingRequiredField))
+});
 
 RequiredValueErrorMessage.displayName = 'RequiredValueErrorMessage';
 var RequiredValueErrorMessage$1 = RequiredValueErrorMessage;
@@ -483,22 +461,26 @@ var RequiredValueErrorMessage$1 = RequiredValueErrorMessage;
 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; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context6, _context7; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context6 = ownKeys(Object(source), !0)).call(_context6, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context7 = ownKeys(Object(source))).call(_context7, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-var defaultProps = {
+const defaultProps = {
   horizontalConstraint: 'scale',
   showExpandIcon: false
 };
 
-var expandedTranslationsReducer = function expandedTranslationsReducer(state, action) {
+const expandedTranslationsReducer = (state, action) => {
   switch (action.type) {
     case 'toggle':
-      return _objectSpread(_objectSpread({}, state), {}, _defineProperty({}, action.payload, !state[action.payload]));
+      return _objectSpread(_objectSpread({}, state), {}, {
+        [action.payload]: !state[action.payload]
+      });
 
     case 'toggleAll':
       {
         var _context;
 
-        var newState = _reduceInstanceProperty__default["default"](_context = _Object$keys__default["default"](state)).call(_context, function (translations, locale) {
-          return _objectSpread(_defineProperty({}, locale, true), translations);
+        const newState = _reduceInstanceProperty__default["default"](_context = _Object$keys__default["default"](state)).call(_context, (translations, locale) => {
+          return _objectSpread({
+            [locale]: true
+          }, translations);
         }, {});
 
         return newState;
@@ -515,7 +497,7 @@ var expandedTranslationsReducer = function expandedTranslationsReducer(state, ac
 // languages.
 
 
-var LocalizedRichTextInput = /*#__PURE__*/react.forwardRef(function (props, ref) {
+const LocalizedRichTextInput = /*#__PURE__*/react.forwardRef((props, ref) => {
   var _context2;
 
   if (!props.isReadOnly) ;
@@ -524,46 +506,44 @@ var LocalizedRichTextInput = /*#__PURE__*/react.forwardRef(function (props, ref)
 
   if (props.hideLanguageExpansionControls) ;
 
-  var initialExpandedTranslationsState = _reduceInstanceProperty__default["default"](_context2 = _Object$keys__default["default"](props.value)).call(_context2, function (translations, locale) {
-    return _objectSpread(_objectSpread({}, translations), {}, _defineProperty({}, locale, Boolean(props.defaultExpandMultilineText)));
-  }, {});
+  const initialExpandedTranslationsState = _reduceInstanceProperty__default["default"](_context2 = _Object$keys__default["default"](props.value)).call(_context2, (translations, locale) => _objectSpread(_objectSpread({}, translations), {}, {
+    [locale]: Boolean(props.defaultExpandMultilineText)
+  }), {});
 
-  var _useReducer = react.useReducer(expandedTranslationsReducer, initialExpandedTranslationsState),
-      _useReducer2 = _slicedToArray(_useReducer, 2),
-      expandedTranslationsState = _useReducer2[0],
-      expandedTranslationsDispatch = _useReducer2[1];
+  const _useReducer = react.useReducer(expandedTranslationsReducer, initialExpandedTranslationsState),
+        _useReducer2 = _slicedToArray(_useReducer, 2),
+        expandedTranslationsState = _useReducer2[0],
+        expandedTranslationsDispatch = _useReducer2[1];
 
-  var defaultExpansionState = Boolean(props.hideLanguageExpansionControls || props.defaultExpandLanguages);
+  const defaultExpansionState = Boolean(props.hideLanguageExpansionControls || props.defaultExpandLanguages);
 
-  var _useToggleState = hooks.useToggleState(defaultExpansionState),
-      _useToggleState2 = _slicedToArray(_useToggleState, 2),
-      areLanguagesOpened = _useToggleState2[0],
-      toggleLanguages = _useToggleState2[1];
+  const _useToggleState = hooks.useToggleState(defaultExpansionState),
+        _useToggleState2 = _slicedToArray(_useToggleState, 2),
+        areLanguagesOpened = _useToggleState2[0],
+        toggleLanguages = _useToggleState2[1];
 
-  var toggleLanguage = react.useCallback(function (language) {
+  const toggleLanguage = react.useCallback(language => {
     expandedTranslationsDispatch({
       type: 'toggle',
       payload: language
     });
   }, [expandedTranslationsDispatch]);
-  var createChangeHandler = react.useCallback(function (language) {
-    return function (state) {
-      var _props$onChange, _context3, _context4;
-
-      (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, {
-        target: {
-          id: props !== null && props !== void 0 && props.id ? _concatInstanceProperty__default["default"](_context3 = "".concat(props.id, ".")).call(_context3, language) : '',
-          name: props !== null && props !== void 0 && props.name ? _concatInstanceProperty__default["default"](_context4 = "".concat(props.name, ".")).call(_context4, language) : '',
-          language: language,
-          value: state
-        }
-      });
-    };
+  const createChangeHandler = react.useCallback(language => state => {
+    var _props$onChange, _context3, _context4;
+
+    (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, {
+      target: {
+        id: props !== null && props !== void 0 && props.id ? _concatInstanceProperty__default["default"](_context3 = "".concat(props.id, ".")).call(_context3, language) : '',
+        name: props !== null && props !== void 0 && props.name ? _concatInstanceProperty__default["default"](_context4 = "".concat(props.name, ".")).call(_context4, language) : '',
+        language,
+        value: state
+      }
+    });
   }, // eslint-disable-next-line react-hooks/exhaustive-deps
   [props.id, props.name, props.onChange]);
-  var languages = localizedUtils.sortLanguages(props.selectedLanguage, _Object$keys__default["default"](props.value));
-  var hasErrorInRemainingLanguages = props.hasError || localizedUtils.getHasErrorOnRemainingLanguages(props.errors, props.selectedLanguage);
-  var hasWarningInRemainingLanguages = props.hasWarning || localizedUtils.getHasWarningOnRemainingLanguages(props.warnings, props.selectedLanguage);
+  const languages = localizedUtils.sortLanguages(props.selectedLanguage, _Object$keys__default["default"](props.value));
+  const hasErrorInRemainingLanguages = props.hasError || localizedUtils.getHasErrorOnRemainingLanguages(props.errors, props.selectedLanguage);
+  const hasWarningInRemainingLanguages = props.hasWarning || localizedUtils.getHasWarningOnRemainingLanguages(props.warnings, props.selectedLanguage);
 
   if (hasErrorInRemainingLanguages || hasWarningInRemainingLanguages) {
     if (!areLanguagesOpened) {
@@ -573,30 +553,30 @@ var LocalizedRichTextInput = /*#__PURE__*/react.forwardRef(function (props, ref)
     }
   }
 
-  var langRefs = react.useRef(new _Map__default["default"]());
-  var resetValue = react.useCallback(function (newValue) {
+  const langRefs = react.useRef(new _Map__default["default"]());
+  const resetValue = react.useCallback(newValue => {
     var _context5;
 
-    _forEachInstanceProperty__default["default"](_context5 = langRefs.current).call(_context5, function (langRef) {
+    _forEachInstanceProperty__default["default"](_context5 = langRefs.current).call(_context5, langRef => {
       langRef.resetValue(newValue);
     });
   }, []);
-  react.useImperativeHandle(ref, function () {
+  react.useImperativeHandle(ref, () => {
     return {
-      resetValue: resetValue
+      resetValue
     };
   });
-  var shouldRenderLanguagesControl = languages.length > 1 && !props.hideLanguageExpansionControls;
+  const shouldRenderLanguagesControl = languages.length > 1 && !props.hideLanguageExpansionControls;
   return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
     max: props.horizontalConstraint,
     children: jsxRuntime.jsxs(Stack__default["default"], {
       scale: "xs",
       children: [jsxRuntime.jsx(Stack__default["default"], {
-        children: _mapInstanceProperty__default["default"](languages).call(languages, function (language, index) {
-          var isFirstLanguage = index === 0;
+        children: _mapInstanceProperty__default["default"](languages).call(languages, (language, index) => {
+          const isFirstLanguage = index === 0;
           if (!isFirstLanguage && !areLanguagesOpened) return null;
-          var isLastLanguage = index === languages.length - 1;
-          var hasLanguagesControl = isFirstLanguage && !areLanguagesOpened || isLastLanguage;
+          const isLastLanguage = index === languages.length - 1;
+          const hasLanguagesControl = isFirstLanguage && !areLanguagesOpened || isLastLanguage;
           return react$1.createElement(RichTextInput$1, _objectSpread(_objectSpread({}, utils.filterDataAttributes(props)), {}, {
             key: language,
             id: localizedUtils.getId(props.id, language),
@@ -619,9 +599,7 @@ var LocalizedRichTextInput = /*#__PURE__*/react.forwardRef(function (props, ref)
             onClickExpand: props.onClickExpand,
             hasLanguagesControl: hasLanguagesControl,
             defaultExpandMultilineText: Boolean(props.defaultExpandMultilineText),
-            ref: function ref(el) {
-              return langRefs.current.set(language, el);
-            }
+            ref: el => langRefs.current.set(language, el)
           }, localizedUtils.createLocalizedDataAttributes(props, language)));
         })
       }), shouldRenderLanguagesControl && jsxRuntime.jsx(inputUtils.LocalizedInputToggle, {
@@ -645,7 +623,7 @@ LocalizedRichTextInput.isTouched = localizedUtils.isTouched;
 var LocalizedRichTextInput$1 = LocalizedRichTextInput;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "15.15.0";
+var version = "16.0.0";
 
 exports["default"] = LocalizedRichTextInput$1;
 exports.version = version;