@wix/ricos 11.21.3 → 11.22.0

package/dist/es/ricos-viewer-next/statics/alignment-scss.js

@@ -1,20 +1,20 @@
 var alignment_default = {
-  "alignLeft": "NXpxf",
-  "textWrapNowrap": "_4dcIE",
-  "alignRight": "QjcJ4",
-  "alignCenter": "UPE-z",
-  "sizeFullWidth": "vlt0l",
-  "renderedInTable": "z5DY2",
-  "sizeOriginal": "YsF47",
-  "sizeContent": "pLDGV",
-  "sizeSmall": "F5mnh",
-  "sizeSmallCenter": "yAmPL",
-  "flex": "dIZ8d",
-  "LEFT": "WxcPC",
-  "CENTER": "MN-Hq",
-  "RIGHT": "_0B566",
-  "AUTO": "N9T8F",
-  "JUSTIFY": "_5Opkx"
+  "alignLeft": "n8RQY",
+  "textWrapNowrap": "h5Lpw",
+  "alignRight": "irNWH",
+  "alignCenter": "EFZnx",
+  "sizeFullWidth": "RyRal",
+  "renderedInTable": "ejQBA",
+  "sizeOriginal": "aBdJV",
+  "sizeContent": "OzyEk",
+  "sizeSmall": "PTOR0",
+  "sizeSmallCenter": "AI0CB",
+  "flex": "oPFFF",
+  "LEFT": "kJJmV",
+  "CENTER": "KLcFs",
+  "RIGHT": "y0lcs",
+  "AUTO": "gxb-p",
+  "JUSTIFY": "_5t-DO"
 };
 export {
   alignment_default as default

package/dist/es/ricos-viewer-next/statics/alignment-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ricos-viewer-next/statics/alignment.scss"],
-  "sourcesContent": ["export default {\n  \"alignLeft\": \"NXpxf\",\n  \"textWrapNowrap\": \"_4dcIE\",\n  \"alignRight\": \"QjcJ4\",\n  \"alignCenter\": \"UPE-z\",\n  \"sizeFullWidth\": \"vlt0l\",\n  \"renderedInTable\": \"z5DY2\",\n  \"sizeOriginal\": \"YsF47\",\n  \"sizeContent\": \"pLDGV\",\n  \"sizeSmall\": \"F5mnh\",\n  \"sizeSmallCenter\": \"yAmPL\",\n  \"flex\": \"dIZ8d\",\n  \"LEFT\": \"WxcPC\",\n  \"CENTER\": \"MN-Hq\",\n  \"RIGHT\": \"_0B566\",\n  \"AUTO\": \"N9T8F\",\n  \"JUSTIFY\": \"_5Opkx\"\n};"],
+  "sourcesContent": ["export default {\n  \"alignLeft\": \"n8RQY\",\n  \"textWrapNowrap\": \"h5Lpw\",\n  \"alignRight\": \"irNWH\",\n  \"alignCenter\": \"EFZnx\",\n  \"sizeFullWidth\": \"RyRal\",\n  \"renderedInTable\": \"ejQBA\",\n  \"sizeOriginal\": \"aBdJV\",\n  \"sizeContent\": \"OzyEk\",\n  \"sizeSmall\": \"PTOR0\",\n  \"sizeSmallCenter\": \"AI0CB\",\n  \"flex\": \"oPFFF\",\n  \"LEFT\": \"kJJmV\",\n  \"CENTER\": \"KLcFs\",\n  \"RIGHT\": \"y0lcs\",\n  \"AUTO\": \"gxb-p\",\n  \"JUSTIFY\": \"_5t-DO\"\n};"],
   "mappings": "AAAA,IAAO,oBAAQ;AAAA,EACb,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,WAAW;AACb;",
   "names": []
 }

package/dist/es/ricos-viewer-next/statics/indentation-scss.js

@@ -1,11 +1,11 @@
 var indentation_default = {
-  "indentZero": "EHFrS",
-  "indentOne": "_98pD-",
-  "indentTwo": "zdn6E",
-  "indentThree": "_6sum-",
-  "indentFour": "pL3mj",
-  "indentFive": "cNAQZ",
-  "indentSix": "XlTev"
+  "indentZero": "DQONu",
+  "indentOne": "ubp4o",
+  "indentTwo": "NlvpZ",
+  "indentThree": "kYK53",
+  "indentFour": "E0s8O",
+  "indentFive": "NAo1Z",
+  "indentSix": "wOhfX"
 };
 export {
   indentation_default as default

package/dist/es/ricos-viewer-next/statics/indentation-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ricos-viewer-next/statics/indentation.scss"],
-  "sourcesContent": ["export default {\n  \"indentZero\": \"EHFrS\",\n  \"indentOne\": \"_98pD-\",\n  \"indentTwo\": \"zdn6E\",\n  \"indentThree\": \"_6sum-\",\n  \"indentFour\": \"pL3mj\",\n  \"indentFive\": \"cNAQZ\",\n  \"indentSix\": \"XlTev\"\n};"],
+  "sourcesContent": ["export default {\n  \"indentZero\": \"DQONu\",\n  \"indentOne\": \"ubp4o\",\n  \"indentTwo\": \"NlvpZ\",\n  \"indentThree\": \"kYK53\",\n  \"indentFour\": \"E0s8O\",\n  \"indentFive\": \"NAo1Z\",\n  \"indentSix\": \"wOhfX\"\n};"],
   "mappings": "AAAA,IAAO,sBAAQ;AAAA,EACb,cAAc;AAAA,EACd,aAAa;AAAA,EACb,aAAa;AAAA,EACb,eAAe;AAAA,EACf,cAAc;AAAA,EACd,cAAc;AAAA,EACd,aAAa;AACf;",
   "names": []
 }

package/dist/es/ricos-viewer-next/statics/rich-content-viewer-scss.js

@@ -1,13 +1,13 @@
 var rich_content_viewer_default = {
-  "fontElementMap": "_2W-Vr",
-  "wrapper": "jRZWf",
-  "pluginContainerMobile": "Ym-DF",
-  "viewer": "nSDY8",
-  "android": "QYmNW",
-  "rootedTraversedContent": "boxOz",
-  "atomic": "ikU2t",
-  "toolbar": "-UN-T",
-  "block": "PT9K6"
+  "fontElementMap": "-bdYh",
+  "wrapper": "_8LdOH",
+  "pluginContainerMobile": "T7FET",
+  "viewer": "fouA1",
+  "android": "u5EAG",
+  "rootedTraversedContent": "lPirb",
+  "atomic": "GrjUO",
+  "toolbar": "_8vzTf",
+  "block": "SGooz"
 };
 export {
   rich_content_viewer_default as default

package/dist/es/ricos-viewer-next/statics/rich-content-viewer-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ricos-viewer-next/statics/rich-content-viewer.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"_2W-Vr\",\n  \"wrapper\": \"jRZWf\",\n  \"pluginContainerMobile\": \"Ym-DF\",\n  \"viewer\": \"nSDY8\",\n  \"android\": \"QYmNW\",\n  \"rootedTraversedContent\": \"boxOz\",\n  \"atomic\": \"ikU2t\",\n  \"toolbar\": \"-UN-T\",\n  \"block\": \"PT9K6\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"-bdYh\",\n  \"wrapper\": \"_8LdOH\",\n  \"pluginContainerMobile\": \"T7FET\",\n  \"viewer\": \"fouA1\",\n  \"android\": \"u5EAG\",\n  \"rootedTraversedContent\": \"lPirb\",\n  \"atomic\": \"GrjUO\",\n  \"toolbar\": \"_8vzTf\",\n  \"block\": \"SGooz\"\n};"],
   "mappings": "AAAA,IAAO,8BAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,WAAW;AAAA,EACX,yBAAyB;AAAA,EACzB,UAAU;AAAA,EACV,WAAW;AAAA,EACX,0BAA0B;AAAA,EAC1B,UAAU;AAAA,EACV,WAAW;AAAA,EACX,SAAS;AACX;",
   "names": []
 }

package/dist/es/ricos-viewer-next/statics/rtl-scss.js

@@ -1,6 +1,6 @@
 var rtl_default = {
-  "rtl": "tRrmz",
-  "ltr": "_7JHee"
+  "rtl": "_368PM",
+  "ltr": "PauxJ"
 };
 export {
   rtl_default as default

package/dist/es/ricos-viewer-next/statics/rtl-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ricos-viewer-next/statics/rtl.scss"],
-  "sourcesContent": ["export default {\n  \"rtl\": \"tRrmz\",\n  \"ltr\": \"_7JHee\"\n};"],
+  "sourcesContent": ["export default {\n  \"rtl\": \"_368PM\",\n  \"ltr\": \"PauxJ\"\n};"],
   "mappings": "AAAA,IAAO,cAAQ;AAAA,EACb,OAAO;AAAA,EACP,OAAO;AACT;",
   "names": []
 }

package/dist/es/text-selection-toolbar/statics/styles/viewer-inline-toolbar-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "d48585a1";
+var styleDataHash = "90b7fceb";
 const injectCss = (() => {
-  var css = `.atIny{background-color:#fff;border:1px solid #ededed;border-radius:6px;box-shadow:0 4px 8px 0 rgba(0,0,0,.07);display:flex;height:43px;overflow:hidden;position:absolute;transform:translate(-50%,-100%);transition:all .5s ease-out}.uS2KE{align-items:center;background:#fff;border:none;cursor:pointer;display:flex;justify-content:center;width:43px}`;
+  var css = `.eeZny{background-color:#fff;border:1px solid #ededed;border-radius:6px;box-shadow:0 4px 8px 0 rgba(0,0,0,.07);display:flex;height:43px;overflow:hidden;position:absolute;transform:translate(-50%,-100%);transition:all .5s ease-out}.nFa8Y{align-items:center;background:#fff;border:none;cursor:pointer;display:flex;justify-content:center;width:43px}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,8 +21,8 @@ const injectCss = (() => {
 });
 injectCss();
 var viewer_inline_toolbar_default = {
-  "toolbar": "atIny",
-  "button": "uS2KE"
+  "toolbar": "eeZny",
+  "button": "nFa8Y"
 };
 export {
   viewer_inline_toolbar_default as default,

package/dist/es/text-selection-toolbar/statics/styles/viewer-inline-toolbar-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/text-selection-toolbar/statics/styles/viewer-inline-toolbar.scss"],
-  "sourcesContent": ["var styleDataHash = 'd48585a1';  \nexport const injectCss = (() => {\n  var css = `.atIny{background-color:#fff;border:1px solid #ededed;border-radius:6px;box-shadow:0 4px 8px 0 rgba(0,0,0,.07);display:flex;height:43px;overflow:hidden;position:absolute;transform:translate(-50%,-100%);transition:all .5s ease-out}.uS2KE{align-items:center;background:#fff;border:none;cursor:pointer;display:flex;justify-content:center;width:43px}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"toolbar\": \"atIny\",\n  \"button\": \"uS2KE\"\n};"],
+  "sourcesContent": ["var styleDataHash = '90b7fceb';  \nexport const injectCss = (() => {\n  var css = `.eeZny{background-color:#fff;border:1px solid #ededed;border-radius:6px;box-shadow:0 4px 8px 0 rgba(0,0,0,.07);display:flex;height:43px;overflow:hidden;position:absolute;transform:translate(-50%,-100%);transition:all .5s ease-out}.nFa8Y{align-items:center;background:#fff;border:none;cursor:pointer;display:flex;justify-content:center;width:43px}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"toolbar\": \"eeZny\",\n  \"button\": \"nFa8Y\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,gCAAQ;AAAA,EACb,WAAW;AAAA,EACX,UAAU;AACZ;",
   "names": []
 }

package/dist/es/tiptap-editor/components/rich-content-adapter.js

@@ -13,7 +13,6 @@ import {
   RICOS_GIPHY_TYPE,
   RICOS_IMAGE_TYPE,
   RICOS_INDENT_TYPE,
-  RICOS_LAYOUT_TYPE,
   RICOS_LINE_SPACING_TYPE,
   RICOS_LINK_TYPE,
   RICOS_MENTION_TYPE,
@@ -25,9 +24,7 @@ import {
   TIPTAP_IMAGE_TYPE,
   TIPTAP_VIDEO_TYPE,
   UNSTYLED,
-  generateId,
-  RICOS_TABLE_TYPE,
-  TABLE_TYPE
+  generateId
 } from "./../../ricos-content/index.js";
 import { fromEntries } from "./../../ricos-content/lib/utils.js";
 import {
@@ -43,7 +40,8 @@ import { mergeToolbarSettings } from "./../../ricos-plugins/toolbar-utils/merge-
 import { Decoration_Type, Node_Type } from "./../../ricos-schema/legacy/wix/rich_content/v1/index.js";
 import { legacyPluginToNextMap } from "./../../ricos-schema/next-schema/index.js";
 import { DOC_STYLE_TYPES, Mark_Type, ToolbarType } from "./../../ricos-types/index.js";
-import { getPosAfterParentLayout } from "./../../_shared/get-pos-after-parent-layout.js";
+import { getPosAfterParentContainer } from "./../../_shared/get-pos-after-parent-container.js";
+import { PmNodeType } from "./../../_shared/pm-node-types.js";
 import { getAlignmentInSelection } from "./../../_shared/resolvers/get-alignment-in-selection.js";
 import { getFontFamilyInSelection } from "./../../_shared/resolvers/get-font-family-in-selection.js";
 import { getFontSizeInSelection } from "./../../_shared/resolvers/get-font-size-in-selection.js";
@@ -163,6 +161,17 @@ class RichContentAdapter {
       return this.tiptapEditor?.options?.element;
     };
     this.getDocumentStyle = () => this.tiptapEditor?.getJSON()?.attrs?.documentStyle || {};
+    this.insertContent = ({ nodes }) => {
+      const pmNodes = nodes.map((node) => this.services.converters.toPmNode(node));
+      this.tiptapEditor.chain().focus().command(adjustSelectionForValidInsertion).command(({ commands, tr }) => {
+        const { from, to } = tr.selection;
+        const insertPos = getLayoutInsertPos(
+          tr,
+          pmNodes.map((node) => node.type)
+        );
+        return commands.insertContentAt(insertPos ?? { from, to }, pmNodes);
+      }).run();
+    };
     this.editorMocks = {
       getAnchorableBlocks: () => ({
         anchorableBlocks: [],
@@ -543,7 +552,7 @@ class RichContentAdapter {
           if (!dispatch) {
             return true;
           }
-          const insertPos = mergedSettings.pos ?? getLayoutInsertPos(tr, pluginType) ?? tr.selection.to;
+          const insertPos = mergedSettings.pos ?? getLayoutInsertPos(tr, [type]) ?? tr.selection.to;
           const cmd = commands.insertContentAt(insertPos, [
             ...mergedSettings.skipBlankLineBefore ? [] : [{ type: Node_Type.PARAGRAPH, attrs: { id: generateId() } }],
             { type, attrs, content },
@@ -983,8 +992,8 @@ const normalizeFigureData = (pluginType, data, mediaId) => {
     }
   };
 };
-const BLOCKS_OUTSIDE_LAYOUT = [RICOS_LAYOUT_TYPE, RICOS_TABLE_TYPE, TABLE_TYPE];
-const getLayoutInsertPos = (tr, pluginType) => BLOCKS_OUTSIDE_LAYOUT.includes(pluginType) ? getPosAfterParentLayout(tr.doc, tr.selection.from) : void 0;
+const NODES_OUTSIDE_CELLS = [PmNodeType.LAYOUT, PmNodeType.TABLE, PmNodeType.SMART_BLOCK];
+const getLayoutInsertPos = (tr, nodeTypes) => nodeTypes.some((type) => NODES_OUTSIDE_CELLS.includes(type)) ? getPosAfterParentContainer(tr.doc, tr.selection.from) : void 0;
 const adjustSelectionForValidInsertion = ({ dispatch, tr }) => {
   if (dispatch === void 0) {
     return true;