@commercetools-uikit/rich-text-utils 16.2.0 → 16.3.0

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

@@ -211,6 +211,12 @@ const TEXT_TAGS = {
   S: () => ({
     strikethrough: true
   }),
+  SUP: () => ({
+    superscript: true
+  }),
+  SUB: () => ({
+    subscript: true
+  }),
   STRONG: () => ({
     bold: true
   }),
@@ -329,9 +335,7 @@ const deserializeElement = el => {
     const attrs = TEXT_TAGS[nodeName]();
     return _mapInstanceProperty__default["default"](children).call(children, child => slateHyperscript.jsx('text', attrs, child));
   }
-
-  // each non-empty text node must be wrapped with a paragraph
-  return _mapInstanceProperty__default["default"](children).call(children, child => slate.Text.isText(child) && child.text ? wrapWithParagraph(child) : child);
+  return children;
 };
 const deserialize = html => {
   const document = new DOMParser().parseFromString(html || '<p></p>', 'text/html');
@@ -2377,7 +2381,7 @@ var messages = reactIntl.defineMessages({
 });
 
 function ownKeys$1(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$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; }
+function _objectSpread$1(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$1(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$1(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 const LIST_TYPES = [BLOCK_TAGS.ol, BLOCK_TAGS.ul];
 
 /* 
@@ -2564,28 +2568,38 @@ const toggleBlock = (editor, format) => {
     slate.Transforms.wrapNodes(editor, block);
   }
 };
+function nonNullable(value) {
+  return value !== null && value !== undefined;
+}
 const validSlateStateAdapter = value => {
-  if (slate.Element.isElement(value) || slate.Text.isText(value)) {
-    return [value];
-  }
-  if (slate.Element.isElementList(value) || slate.Text.isTextList(value)) {
-    return value;
+  const valueAsArray = _Array$isArray__default["default"](value) ? value : [value];
+  if (slate.Element.isElementList(value) || slate.Text.isTextList(value) ||
+  // in case of an array of mixed text and element nodes
+  _Array$isArray__default["default"](value) && _everyInstanceProperty__default["default"](value).call(value, node => slate.Element.isElement(node) || slate.Text.isText(node))) {
+    var _context;
+    return _filterInstanceProperty__default["default"](_context = _mapInstanceProperty__default["default"](valueAsArray).call(valueAsArray, node => slate.Text.isText(node) ? {
+      type: 'text',
+      children: [node]
+    } : node)).call(_context, nonNullable);
   }
   return defaultSlateState;
 };
 const resetEditor = (editor, resetValue) => {
-  const children = [...editor.children];
-  _forEachInstanceProperty__default["default"](children).call(children, node => editor.apply({
-    type: 'remove_node',
-    path: [0],
-    node
-  }));
-  const newState = resetValue ? validSlateStateAdapter(html$1.deserialize(resetValue)) : defaultSlateState;
-  editor.apply({
-    type: 'insert_node',
-    path: [0],
-    node: newState[0]
+  slate.Transforms.delete(editor, {
+    at: {
+      anchor: slate.Editor.start(editor, []),
+      focus: slate.Editor.end(editor, [])
+    }
+  });
+
+  // remove empty node
+  slate.Transforms.removeNodes(editor, {
+    at: [0]
   });
+  const newState = resetValue ? validSlateStateAdapter(html$1.deserialize(resetValue)) : defaultSlateState;
+
+  // insert all new nodes
+  slate.Transforms.insertNodes(editor, newState);
 };
 const focusEditor = editor => {
   slateReact.ReactEditor.focus(editor);
@@ -2980,7 +2994,7 @@ RichTextEditorBody.defaultProps = defaultProps;
 var RichTextEditorBody$1 = RichTextEditorBody;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "16.2.0";
+var version = "16.3.0";
 
 exports.Element = Element;
 exports.HiddenInput = HiddenInput$1;

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

@@ -210,6 +210,12 @@ const TEXT_TAGS = {
   S: () => ({
     strikethrough: true
   }),
+  SUP: () => ({
+    superscript: true
+  }),
+  SUB: () => ({
+    subscript: true
+  }),
   STRONG: () => ({
     bold: true
   }),
@@ -328,9 +334,7 @@ const deserializeElement = el => {
     const attrs = TEXT_TAGS[nodeName]();
     return _mapInstanceProperty__default["default"](children).call(children, child => slateHyperscript.jsx('text', attrs, child));
   }
-
-  // each non-empty text node must be wrapped with a paragraph
-  return _mapInstanceProperty__default["default"](children).call(children, child => slate.Text.isText(child) && child.text ? wrapWithParagraph(child) : child);
+  return children;
 };
 const deserialize = html => {
   const document = new DOMParser().parseFromString(html || '<p></p>', 'text/html');
@@ -2180,7 +2184,7 @@ var messages = reactIntl.defineMessages({
 });
 
 function ownKeys$1(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$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; }
+function _objectSpread$1(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$1(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$1(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 const LIST_TYPES = [BLOCK_TAGS.ol, BLOCK_TAGS.ul];
 
 /* 
@@ -2367,28 +2371,38 @@ const toggleBlock = (editor, format) => {
     slate.Transforms.wrapNodes(editor, block);
   }
 };
+function nonNullable(value) {
+  return value !== null && value !== undefined;
+}
 const validSlateStateAdapter = value => {
-  if (slate.Element.isElement(value) || slate.Text.isText(value)) {
-    return [value];
-  }
-  if (slate.Element.isElementList(value) || slate.Text.isTextList(value)) {
-    return value;
+  const valueAsArray = _Array$isArray__default["default"](value) ? value : [value];
+  if (slate.Element.isElementList(value) || slate.Text.isTextList(value) ||
+  // in case of an array of mixed text and element nodes
+  _Array$isArray__default["default"](value) && _everyInstanceProperty__default["default"](value).call(value, node => slate.Element.isElement(node) || slate.Text.isText(node))) {
+    var _context;
+    return _filterInstanceProperty__default["default"](_context = _mapInstanceProperty__default["default"](valueAsArray).call(valueAsArray, node => slate.Text.isText(node) ? {
+      type: 'text',
+      children: [node]
+    } : node)).call(_context, nonNullable);
   }
   return defaultSlateState;
 };
 const resetEditor = (editor, resetValue) => {
-  const children = [...editor.children];
-  _forEachInstanceProperty__default["default"](children).call(children, node => editor.apply({
-    type: 'remove_node',
-    path: [0],
-    node
-  }));
-  const newState = resetValue ? validSlateStateAdapter(html$1.deserialize(resetValue)) : defaultSlateState;
-  editor.apply({
-    type: 'insert_node',
-    path: [0],
-    node: newState[0]
+  slate.Transforms.delete(editor, {
+    at: {
+      anchor: slate.Editor.start(editor, []),
+      focus: slate.Editor.end(editor, [])
+    }
+  });
+
+  // remove empty node
+  slate.Transforms.removeNodes(editor, {
+    at: [0]
   });
+  const newState = resetValue ? validSlateStateAdapter(html$1.deserialize(resetValue)) : defaultSlateState;
+
+  // insert all new nodes
+  slate.Transforms.insertNodes(editor, newState);
 };
 const focusEditor = editor => {
   slateReact.ReactEditor.focus(editor);
@@ -2748,7 +2762,7 @@ RichTextEditorBody.defaultProps = defaultProps;
 var RichTextEditorBody$1 = RichTextEditorBody;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "16.2.0";
+var version = "16.3.0";
 
 exports.Element = Element;
 exports.HiddenInput = HiddenInput$1;

package/dist/commercetools-uikit-rich-text-utils.esm.js

@@ -174,6 +174,12 @@ const TEXT_TAGS = {
   S: () => ({
     strikethrough: true
   }),
+  SUP: () => ({
+    superscript: true
+  }),
+  SUB: () => ({
+    subscript: true
+  }),
   STRONG: () => ({
     bold: true
   }),
@@ -292,9 +298,7 @@ const deserializeElement = el => {
     const attrs = TEXT_TAGS[nodeName]();
     return _mapInstanceProperty(children).call(children, child => jsx('text', attrs, child));
   }
-
-  // each non-empty text node must be wrapped with a paragraph
-  return _mapInstanceProperty(children).call(children, child => Text.isText(child) && child.text ? wrapWithParagraph(child) : child);
+  return children;
 };
 const deserialize = html => {
   const document = new DOMParser().parseFromString(html || '<p></p>', 'text/html');
@@ -2340,7 +2344,7 @@ var messages = defineMessages({
 });
 
 function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-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(_context = ownKeys$1(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys$1(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys$1(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 const LIST_TYPES = [BLOCK_TAGS.ol, BLOCK_TAGS.ul];
 
 /* 
@@ -2527,28 +2531,38 @@ const toggleBlock = (editor, format) => {
     Transforms.wrapNodes(editor, block);
   }
 };
+function nonNullable(value) {
+  return value !== null && value !== undefined;
+}
 const validSlateStateAdapter = value => {
-  if (Element$1.isElement(value) || Text.isText(value)) {
-    return [value];
-  }
-  if (Element$1.isElementList(value) || Text.isTextList(value)) {
-    return value;
+  const valueAsArray = _Array$isArray(value) ? value : [value];
+  if (Element$1.isElementList(value) || Text.isTextList(value) ||
+  // in case of an array of mixed text and element nodes
+  _Array$isArray(value) && _everyInstanceProperty(value).call(value, node => Element$1.isElement(node) || Text.isText(node))) {
+    var _context;
+    return _filterInstanceProperty(_context = _mapInstanceProperty(valueAsArray).call(valueAsArray, node => Text.isText(node) ? {
+      type: 'text',
+      children: [node]
+    } : node)).call(_context, nonNullable);
   }
   return defaultSlateState;
 };
 const resetEditor = (editor, resetValue) => {
-  const children = [...editor.children];
-  _forEachInstanceProperty(children).call(children, node => editor.apply({
-    type: 'remove_node',
-    path: [0],
-    node
-  }));
-  const newState = resetValue ? validSlateStateAdapter(html$1.deserialize(resetValue)) : defaultSlateState;
-  editor.apply({
-    type: 'insert_node',
-    path: [0],
-    node: newState[0]
+  Transforms.delete(editor, {
+    at: {
+      anchor: Editor.start(editor, []),
+      focus: Editor.end(editor, [])
+    }
+  });
+
+  // remove empty node
+  Transforms.removeNodes(editor, {
+    at: [0]
   });
+  const newState = resetValue ? validSlateStateAdapter(html$1.deserialize(resetValue)) : defaultSlateState;
+
+  // insert all new nodes
+  Transforms.insertNodes(editor, newState);
 };
 const focusEditor = editor => {
   ReactEditor.focus(editor);
@@ -2943,6 +2957,6 @@ RichTextEditorBody.defaultProps = defaultProps;
 var RichTextEditorBody$1 = RichTextEditorBody;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "16.2.0";
+var version = "16.3.0";
 
 export { Element, HiddenInput$1 as HiddenInput, Leaf, RichTextEditorBody$1 as RichTextBody, focusEditor, html$1 as html, isBlockActive, isRichTextEmpty as isEmpty, isMarkActive, index as localized, resetEditor, toggleBlock, toggleMark, validSlateStateAdapter, version };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-uikit/rich-text-utils",
   "description": "Utilities for working with rich-text components.",
-  "version": "16.2.0",
+  "version": "16.3.0",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
   "repository": {
     "type": "git",
@@ -24,12 +24,12 @@
   "dependencies": {
     "@babel/runtime": "^7.20.13",
     "@babel/runtime-corejs3": "^7.20.13",
-    "@commercetools-uikit/design-system": "16.2.0",
-    "@commercetools-uikit/icons": "16.2.0",
-    "@commercetools-uikit/input-utils": "16.2.0",
-    "@commercetools-uikit/spacings-inline": "16.2.0",
-    "@commercetools-uikit/tooltip": "16.2.0",
-    "@commercetools-uikit/utils": "16.2.0",
+    "@commercetools-uikit/design-system": "16.3.0",
+    "@commercetools-uikit/icons": "16.3.0",
+    "@commercetools-uikit/input-utils": "16.3.0",
+    "@commercetools-uikit/spacings-inline": "16.3.0",
+    "@commercetools-uikit/tooltip": "16.3.0",
+    "@commercetools-uikit/utils": "16.3.0",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
     "@types/escape-html": "1.0.2",