@commercetools-uikit/rich-text-utils 20.2.3 → 20.3.1

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

@@ -14,6 +14,7 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
 var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
 var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
+var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-array');
 var _Array$from = require('@babel/runtime-corejs3/core-js-stable/array/from');
 var _flatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/flat');
@@ -59,6 +60,7 @@ var uniq__default = /*#__PURE__*/_interopDefault(uniq);
 var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
 var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
 var _startsWithInstanceProperty__default = /*#__PURE__*/_interopDefault(_startsWithInstanceProperty);
+var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 var _Array$isArray__default = /*#__PURE__*/_interopDefault(_Array$isArray);
 var _Array$from__default = /*#__PURE__*/_interopDefault(_Array$from);
 var _flatInstanceProperty__default = /*#__PURE__*/_interopDefault(_flatInstanceProperty);
@@ -441,36 +443,36 @@ const withLinks = editor => {
 };
 
 function ownKeys$f(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var _context8, _context9; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context8 = ownKeys$f(Object(t), !0)).call(_context8, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context9 = ownKeys$f(Object(t))).call(_context9, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var _context1, _context10; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context1 = ownKeys$f(Object(t), !0)).call(_context1, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context10 = ownKeys$f(Object(t))).call(_context10, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 
 // Slate's way of providing custom type annotations comes down to extending `CustomTypes` interface
 // more: https://docs.slatejs.org/concepts/12-typescript
 // example: https://github.com/ianstormtaylor/slate/blob/main/packages/slate-react/src/custom-types.ts
 
 const serializeNode = node => {
-  var _context;
+  var _context, _context5, _context6;
   if (slate.Text.isText(node)) {
     let string = escapeHtml__default["default"](node.text);
     if (node.bold) {
-      string = `<strong>${string}</strong>`;
+      string = "<strong>".concat(string, "</strong>");
     }
     if (node.code) {
-      string = `<code>${string}</code>`;
+      string = "<code>".concat(string, "</code>");
     }
     if (node.italic) {
-      string = `<em>${string}</em>`;
+      string = "<em>".concat(string, "</em>");
     }
     if (node.underline) {
-      string = `<u>${string}</u>`;
+      string = "<u>".concat(string, "</u>");
     }
     if (node.superscript) {
-      string = `<sup>${string}</sup>`;
+      string = "<sup>".concat(string, "</sup>");
     }
     if (node.subscript) {
-      string = `<sub>${string}</sub>`;
+      string = "<sub>".concat(string, "</sub>");
     }
     if (node.strikethrough) {
-      string = `<del>${string}</del>`;
+      string = "<del>".concat(string, "</del>");
     }
 
     // Replace all Linebreaks (that are caused by the editor) with a br-tag
@@ -482,20 +484,19 @@ const serializeNode = node => {
 
   switch (element.type) {
     case 'block-quote':
-      return `<blockquote>${children}</blockquote>`;
+      return "<blockquote>".concat(children, "</blockquote>");
     case 'paragraph':
-      return `<p>${children}</p>`;
+      return "<p>".concat(children, "</p>");
     case 'code':
-      return `<pre>
-            <code>${children}</code>`;
+      return "<pre>\n            <code>".concat(children, "</code>");
     case 'span':
-      return `<span>${children}</span>`;
+      return "<span>".concat(children, "</span>");
     case 'bulleted-list':
-      return `<ul>${children}</ul>`;
+      return "<ul>".concat(children, "</ul>");
     case 'numbered-list':
-      return `<ol>${children}</ol>`;
+      return "<ol>".concat(children, "</ol>");
     case 'list-item':
-      return `<li>${children}</li>`;
+      return "<li>".concat(children, "</li>");
     case BLOCK_TAGS.a:
       // Handle link serialization
       // eslint-disable-next-line no-case-declarations
@@ -509,7 +510,7 @@ const serializeNode = node => {
           }
           return String(element.url);
         })();
-        hrefAttr = ` href="${escapeHtml__default["default"](sanitizedUrl)}"`;
+        hrefAttr = " href=\"".concat(escapeHtml__default["default"](sanitizedUrl), "\"");
       }
       // eslint-disable-next-line no-case-declarations
       let otherAttrsString = '';
@@ -521,21 +522,22 @@ const serializeNode = node => {
           const value = _ref2[1];
           // Strip event handlers during serialization too
           if (!_startsWithInstanceProperty__default["default"](_context3 = key.toLowerCase()).call(_context3, 'on')) {
-            otherAttrsString += ` ${escapeHtml__default["default"](key)}="${escapeHtml__default["default"](String(value))}"`;
+            var _context4;
+            otherAttrsString += _concatInstanceProperty__default["default"](_context4 = " ".concat(escapeHtml__default["default"](key), "=\"")).call(_context4, escapeHtml__default["default"](String(value)), "\"");
           }
         }
       }
-      return `<a${hrefAttr}${otherAttrsString}>${children}</a>`;
+      return _concatInstanceProperty__default["default"](_context5 = _concatInstanceProperty__default["default"](_context6 = "<a".concat(hrefAttr)).call(_context6, otherAttrsString, ">")).call(_context5, children, "</a>");
     case 'heading-one':
-      return `<h1>${children}</h1>`;
+      return "<h1>".concat(children, "</h1>");
     case 'heading-two':
-      return `<h2>${children}</h2>`;
+      return "<h2>".concat(children, "</h2>");
     case 'heading-three':
-      return `<h3>${children}</h3>`;
+      return "<h3>".concat(children, "</h3>");
     case 'heading-four':
-      return `<h4>${children}</h4>`;
+      return "<h4>".concat(children, "</h4>");
     case 'heading-five':
-      return `<h5>${children}</h5>`;
+      return "<h5>".concat(children, "</h5>");
     default:
       return children;
   }
@@ -564,9 +566,9 @@ const ELEMENT_TAGS = {
       const attrName = attr.name.toLowerCase();
       const attrValue = attr.value;
       if (attrName === 'href') {
-        var _context4;
+        var _context7;
         // Sanitize href to prevent javascript: URLs
-        const sanitizedValue = _trimInstanceProperty__default["default"](_context4 = decodeURI(attrValue)).call(_context4).toLowerCase();
+        const sanitizedValue = _trimInstanceProperty__default["default"](_context7 = decodeURI(attrValue)).call(_context7).toLowerCase();
         if (
         // eslint-disable-next-line no-script-url
         _startsWithInstanceProperty__default["default"](sanitizedValue).call(sanitizedValue, 'javascript:') || _startsWithInstanceProperty__default["default"](sanitizedValue).call(sanitizedValue, 'data:') || _startsWithInstanceProperty__default["default"](sanitizedValue).call(sanitizedValue, 'vbscript:')) {
@@ -686,10 +688,13 @@ const mapper = {
 const wrapWithParagraph = textContent => slateHyperscript.jsx('element', {
   type: 'paragraph'
 }, textContent);
-const wrapWithParagraphIfRootElement = (el, textContent) => el.parentNode?.nodeName === 'BODY' // root element, because body is eventually turned to React fragment
-? wrapWithParagraph(textContent) : textContent;
+const wrapWithParagraphIfRootElement = (el, textContent) => {
+  var _el$parentNode;
+  return ((_el$parentNode = el.parentNode) === null || _el$parentNode === void 0 ? void 0 : _el$parentNode.nodeName) === 'BODY' // root element, because body is eventually turned to React fragment
+  ? wrapWithParagraph(textContent) : textContent;
+};
 const deserializeElement = el => {
-  var _context5, _context6;
+  var _context8, _context9;
   // https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType#value
   if (el.nodeType === 3) {
     return wrapWithParagraphIfRootElement(el, {
@@ -706,7 +711,7 @@ const deserializeElement = el => {
   if (nodeName === 'PRE' && el.childNodes[0] && el.childNodes[0].nodeName === 'CODE') {
     parent = el.childNodes[0];
   }
-  let children = _flatInstanceProperty__default["default"](_context5 = _mapInstanceProperty__default["default"](_context6 = _Array$from__default["default"](parent.childNodes)).call(_context6, deserializeElement)).call(_context5);
+  let children = _flatInstanceProperty__default["default"](_context8 = _mapInstanceProperty__default["default"](_context9 = _Array$from__default["default"](parent.childNodes)).call(_context9, deserializeElement)).call(_context8);
   if (children.length === 0) {
     children = [{
       text: ''
@@ -725,15 +730,16 @@ const deserializeElement = el => {
         type: 'span'
       }, children));
     } else {
-      var _context7;
-      attrs = _reduceInstanceProperty__default["default"](_context7 = _Object$entries__default["default"](styleObj || {})).call(_context7, (mappedAttrObj, _ref3) => {
+      var _context0;
+      attrs = _reduceInstanceProperty__default["default"](_context0 = _Object$entries__default["default"](styleObj || {})).call(_context0, (mappedAttrObj, _ref3) => {
         let _ref4 = _slicedToArray(_ref3, 2),
           key = _ref4[0],
           value = _ref4[1];
         const values = value.split(' '); // to cover the case of space-separated values e.g. `text-decoration-line: "underline line-through"`
 
         _forEachInstanceProperty__default["default"](values).call(values, splittedValue => {
-          if (mapper[key]?.[splittedValue]) {
+          var _mapper$key;
+          if ((_mapper$key = mapper[key]) !== null && _mapper$key !== void 0 && _mapper$key[splittedValue]) {
             // checking if the parsed style attr value has representation in the mapper obj
             mappedAttrObj = _objectSpread$f(_objectSpread$f({}, mappedAttrObj), mapper[key][splittedValue]);
           }
@@ -1319,7 +1325,7 @@ var Divider$1 = Divider;
 const DropdownItem = /*#__PURE__*/_styled__default["default"]("button", {
   target: "e1f4n71b2"
 } )("width:100%;border:0;font-size:1rem;cursor:pointer;padding:", designSystem.designTokens.spacing20, " ", designSystem.designTokens.spacing30, ";font-family:", designSystem.designTokens.fontFamily, ";display:block;background-color:", props => props.isSelected ? designSystem.designTokens.colorPrimary95 : designSystem.designTokens.colorSurface, ";&:focus,&:hover{outline:none;background-color:", designSystem.designTokens.colorNeutral98, ";}" + ("" ));
-const getButtonStyles = props => [/*#__PURE__*/react$1.css("border:0;font-family:", designSystem.designTokens.fontFamily, ";border-radius:", designSystem.designTokens.borderRadius4, ";cursor:pointer;font-size:", designSystem.designTokens.fontSize30, ";color:", designSystem.designTokens.colorSolid, ";display:flex;justify-content:center;align-items:center;padding:", props.isStyleButton ? `5px ${designSystem.designTokens.spacing20}` : `${designSystem.designTokens.spacing20}`, ";&:hover{background-color:", designSystem.designTokens.colorNeutral95, ";}" + ("" ), "" ), props.isIndeterminate && /*#__PURE__*/react$1.css("background-color:", designSystem.designTokens.colorAccent95, ";" + ("" ), "" ), props.isOpen && /*#__PURE__*/react$1.css("&:not(:hover){background-color:", designSystem.designTokens.colorAccent20, ";color:", designSystem.designTokens.colorSurface, ";svg{fill:", designSystem.designTokens.colorSurface, ";}}" + ("" ), "" ), props.isReadOnly && /*#__PURE__*/react$1.css("color:", designSystem.designTokens.colorNeutral60, ";svg{fill:", designSystem.designTokens.colorNeutral60, ";}" + ("" ), "" ), props.isDisabled && /*#__PURE__*/react$1.css("color:", designSystem.designTokens.colorNeutral60, ";svg{fill:", designSystem.designTokens.colorNeutral60, ";}" + ("" ), "" )];
+const getButtonStyles = props => [/*#__PURE__*/react$1.css("border:0;font-family:", designSystem.designTokens.fontFamily, ";border-radius:", designSystem.designTokens.borderRadius4, ";cursor:pointer;font-size:", designSystem.designTokens.fontSize30, ";color:", designSystem.designTokens.colorSolid, ";display:flex;justify-content:center;align-items:center;padding:", props.isStyleButton ? "5px ".concat(designSystem.designTokens.spacing20) : "".concat(designSystem.designTokens.spacing20), ";&:hover{background-color:", designSystem.designTokens.colorNeutral95, ";}" + ("" ), "" ), props.isIndeterminate && /*#__PURE__*/react$1.css("background-color:", designSystem.designTokens.colorAccent95, ";" + ("" ), "" ), props.isOpen && /*#__PURE__*/react$1.css("&:not(:hover){background-color:", designSystem.designTokens.colorAccent20, ";color:", designSystem.designTokens.colorSurface, ";svg{fill:", designSystem.designTokens.colorSurface, ";}}" + ("" ), "" ), props.isReadOnly && /*#__PURE__*/react$1.css("color:", designSystem.designTokens.colorNeutral60, ";svg{fill:", designSystem.designTokens.colorNeutral60, ";}" + ("" ), "" ), props.isDisabled && /*#__PURE__*/react$1.css("color:", designSystem.designTokens.colorNeutral60, ";svg{fill:", designSystem.designTokens.colorNeutral60, ";}" + ("" ), "" )];
 const DropdownContainer = /*#__PURE__*/_styled__default["default"]("div", {
   target: "e1f4n71b1"
 } )("position:absolute;cursor:pointer;font-size:", designSystem.designTokens.fontSize30, ";top:", designSystem.designTokens.spacing10, ";margin-top:", designSystem.designTokens.spacing10, ";left:0;white-space:nowrap;background:", designSystem.designTokens.colorSurface, ";overflow:hidden;z-index:9999;border:1px solid ", designSystem.designTokens.colorSurface, ";box-shadow:0 2px 5px 0px rgba(0, 0, 0, 0.15);border-radius:", designSystem.designTokens.borderRadius6, ";" + ("" ));
@@ -1353,7 +1359,7 @@ const Dropdown = _ref2 => {
   const Downshift = DownshiftUntyped__default["default"];
   return jsxRuntime.jsx(Downshift, {
     onChange: props.onChange,
-    itemToString: headings => headings?.label || '',
+    itemToString: headings => (headings === null || headings === void 0 ? void 0 : headings.label) || '',
     children: _ref3 => {
       var _context2;
       let isOpen = _ref3.isOpen,
@@ -1411,109 +1417,151 @@ var Dropdown$1 = Dropdown;
 
 var messages = reactIntl.defineMessages({
   boldButtonLabel: {
-    id: 'UIKit.RichTextBody.boldButtonLabel',
-    description: 'Label for the bold button',
-    defaultMessage: 'Bold'
+    id: "UIKit.RichTextBody.boldButtonLabel",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Bold"
+    }]
   },
   expandButtonLabel: {
-    id: 'UIKit.RichTextBody.expandButtonLabel',
-    description: 'Label for the expand button',
-    defaultMessage: 'Expand'
+    id: "UIKit.RichTextBody.expandButtonLabel",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Expand"
+    }]
   },
   italicButtonLabel: {
-    id: 'UIKit.RichTextBody.italicButtonLabel',
-    description: 'Label for the italic button',
-    defaultMessage: 'Italic'
+    id: "UIKit.RichTextBody.italicButtonLabel",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Italic"
+    }]
   },
   moreStylesDropdownLabel: {
-    id: 'UIKit.RichTextBody.moreStylesDropdownLabel',
-    description: 'Label for the more styles dropdown',
-    defaultMessage: 'More styles'
+    id: "UIKit.RichTextBody.moreStylesDropdownLabel",
+    defaultMessage: [{
+      "type": 0,
+      "value": "More styles"
+    }]
   },
   moreStylesDropdownOptionStrikethrough: {
-    id: 'UIKit.RichTextBody.moreStylesDropdownOptionStrikethrough',
-    description: 'label for the more styles `strikethrough` option',
-    defaultMessage: 'Strikethrough'
+    id: "UIKit.RichTextBody.moreStylesDropdownOptionStrikethrough",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Strikethrough"
+    }]
   },
   moreStylesDropdownOptionSuperscript: {
-    id: 'UIKit.RichTextBody.moreStylesDropdownOptionSuperscript',
-    description: 'label for the more styles `superscript` option',
-    defaultMessage: 'Superscript'
+    id: "UIKit.RichTextBody.moreStylesDropdownOptionSuperscript",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Superscript"
+    }]
   },
   moreStylesDropdownOptionSubscript: {
-    id: 'UIKit.RichTextBody.moreStylesDropdownOptionSubscript',
-    description: 'label for the more styles `subscript` option',
-    defaultMessage: 'Subscript'
+    id: "UIKit.RichTextBody.moreStylesDropdownOptionSubscript",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Subscript"
+    }]
   },
   orderedListButtonLabel: {
-    id: 'UIKit.RichTextBody.orderedListButtonLabel',
-    description: 'Label for the numbered list button',
-    defaultMessage: 'Numbered list'
+    id: "UIKit.RichTextBody.orderedListButtonLabel",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Numbered list"
+    }]
   },
   redoButtonLabel: {
-    id: 'UIKit.RichTextBody.redoButtonLabel',
-    description: 'Label for the redo button',
-    defaultMessage: 'Redo'
+    id: "UIKit.RichTextBody.redoButtonLabel",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Redo"
+    }]
   },
   styleDropdownLabel: {
-    id: 'UIKit.RichTextBody.styleDropdownLabel',
-    description: 'Label for the style dropdown',
-    defaultMessage: 'Text styles'
+    id: "UIKit.RichTextBody.styleDropdownLabel",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Text styles"
+    }]
   },
   styleDropdownOptionParagraph: {
-    id: 'UIKit.RichTextBody.styleDropdownOptionParagraph',
-    description: 'Label for the `paragraph` option',
-    defaultMessage: 'Paragraph'
+    id: "UIKit.RichTextBody.styleDropdownOptionParagraph",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Paragraph"
+    }]
   },
   styleDropdownOptionH1: {
-    id: 'UIKit.RichTextBody.styleDropdownOptionH1',
-    description: 'Label for the `headline-one` option',
-    defaultMessage: 'Headline H1'
+    id: "UIKit.RichTextBody.styleDropdownOptionH1",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Headline H1"
+    }]
   },
   styleDropdownOptionH2: {
-    id: 'UIKit.RichTextBody.styleDropdownOptionH2',
-    description: 'Label for the `headline-two` option',
-    defaultMessage: 'Headline H2'
+    id: "UIKit.RichTextBody.styleDropdownOptionH2",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Headline H2"
+    }]
   },
   styleDropdownOptionH3: {
-    id: 'UIKit.RichTextBody.styleDropdownOptionH3',
-    description: 'Label for the `headline-three` option',
-    defaultMessage: 'Headline H3'
+    id: "UIKit.RichTextBody.styleDropdownOptionH3",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Headline H3"
+    }]
   },
   styleDropdownOptionH4: {
-    id: 'UIKit.RichTextBody.styleDropdownOptionH4',
-    description: 'Label for the `headline-four` option',
-    defaultMessage: 'Headline H4'
+    id: "UIKit.RichTextBody.styleDropdownOptionH4",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Headline H4"
+    }]
   },
   styleDropdownOptionH5: {
-    id: 'UIKit.RichTextBody.styleDropdownOptionH5',
-    description: 'Label for the `headline-five` option',
-    defaultMessage: 'Headline H5'
+    id: "UIKit.RichTextBody.styleDropdownOptionH5",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Headline H5"
+    }]
   },
   styleDropdownOptionQuote: {
-    id: 'UIKit.RichTextBody.styleDropdownOptionQuote',
-    description: 'Label for the `quote` option',
-    defaultMessage: 'Quote'
+    id: "UIKit.RichTextBody.styleDropdownOptionQuote",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Quote"
+    }]
   },
   styleDropdownOptionPreformatted: {
-    id: 'UIKit.RichTextBody.styleDropdownOptionPreformatted',
-    description: 'Label for the `code` option',
-    defaultMessage: 'Preformatted'
+    id: "UIKit.RichTextBody.styleDropdownOptionPreformatted",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Preformatted"
+    }]
   },
   underlinedButtonLabel: {
-    id: 'UIKit.RichTextBody.underlinedButtonLabel',
-    description: 'Label for the underline button',
-    defaultMessage: 'Underline'
+    id: "UIKit.RichTextBody.underlinedButtonLabel",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Underline"
+    }]
   },
   undoButtonLabel: {
-    id: 'UIKit.RichTextBody.undoButtonLabel',
-    description: 'Label for the undo button',
-    defaultMessage: 'Undo'
+    id: "UIKit.RichTextBody.undoButtonLabel",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Undo"
+    }]
   },
   unorderedListButtonLabel: {
-    id: 'UIKit.RichTextBody.unorderedListButtonLabel',
-    description: 'Label for the bullet list button',
-    defaultMessage: 'Bullet list'
+    id: "UIKit.RichTextBody.unorderedListButtonLabel",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Bullet list"
+    }]
   }
 });
 
@@ -1697,7 +1745,7 @@ const RichTextEditorBody = /*#__PURE__*/react.forwardRef((_ref2, ref) => {
   }, []);
   if (props.showExpandIcon) ;
   return jsxRuntime.jsxs(Container, {
-    css: styles?.container,
+    css: styles === null || styles === void 0 ? void 0 : styles.container,
     hasError: props.hasError,
     hasWarning: props.hasWarning,
     isReadOnly: props.isReadOnly,
@@ -1865,7 +1913,7 @@ RichTextEditorBody.displayName = 'RichTextEditorBody';
 var RichTextEditorBody$1 = RichTextEditorBody;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "20.2.3";
+var version = "20.3.1";
 
 exports.Element = Element;
 exports.HiddenInput = HiddenInput$1;