@commercetools-uikit/localized-rich-text-input 18.0.0 → 18.2.0

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

@@ -39,13 +39,13 @@ var CollapsibleMotion = require('@commercetools-uikit/collapsible-motion');
 var icons = require('@commercetools-uikit/icons');
 var Text = require('@commercetools-uikit/text');
 var FlatButton = require('@commercetools-uikit/flat-button');
+var messages = require('@commercetools-uikit/messages');
 var slateReact = require('slate-react');
 var slate = require('slate');
 var slateHistory = require('slate-history');
 var isHotkey = require('is-hotkey');
 var pipe = require('lodash/fp/pipe');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
-var messages = require('@commercetools-uikit/messages');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -183,7 +183,7 @@ const Editor = /*#__PURE__*/react.forwardRef((props, forwardedRef) => {
     and LocalizedInputToggle is placed below the errors/warnings.
   */
 
-  renderToggleButton && !props.hasLanguagesControl || props.error || props.warning;
+  renderToggleButton && !props.hasLanguagesControl || props.error || props.warning || props.additionalInfo;
   return jsxRuntime.jsx(CollapsibleMotion__default["default"], {
     minHeight: COLLAPSED_HEIGHT,
     isClosed: !props.isOpen,
@@ -304,6 +304,10 @@ const Editor = /*#__PURE__*/react.forwardRef((props, forwardedRef) => {
               })
             })
           })]
+        }), props.additionalInfo && jsxRuntime.jsx(LeftColumn, {
+          children: jsxRuntime.jsx(messages.AdditionalInfoMessage, {
+            message: props.additionalInfo
+          })
         })]
       });
     }
@@ -387,6 +391,7 @@ let RichTextInput = /*#__PURE__*/function (_PureComponent) {
         isOpen: this.props.isOpen,
         warning: this.props.warning,
         error: this.props.error,
+        additionalInfo: this.props.additionalInfo,
         hasLanguagesControl: this.props.hasLanguagesControl,
         ref: this.props.parentRef
       }));
@@ -534,6 +539,7 @@ const LocalizedRichTextInput = /*#__PURE__*/react.forwardRef((props, ref) => {
             hasWarning: Boolean(props.hasWarning || props.warnings && props.warnings[language]),
             warning: props.warnings && props.warnings[language],
             error: props.errors && props.errors[language],
+            additionalInfo: props.additionalInfo && props.additionalInfo[language],
             showExpandIcon: props.showExpandIcon,
             onClickExpand: props.onClickExpand,
             hasLanguagesControl: hasLanguagesControl,
@@ -562,7 +568,7 @@ LocalizedRichTextInput.isTouched = localizedUtils.isTouched;
 var LocalizedRichTextInput$1 = LocalizedRichTextInput;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "18.0.0";
+var version = "18.2.0";
 
 exports["default"] = LocalizedRichTextInput$1;
 exports.version = version;