@wix/ricos 10.110.0 → 10.112.0

package/dist/cjs/plugin-commons/statics/styles/plugin-toolbar-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-commons/statics/styles/plugin-toolbar.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"aaLY1\",\n  \"pluginToolbar\": \"-bI-g\",\n  \"overflowToolbar\": \"RroLI\",\n  \"pluginToolbar_buttons\": \"chGNg\",\n  \"pluginToolbar_panel\": \"SwVBG\",\n  \"pluginToolbar_inlinePanel\": \"nZHbT\",\n  \"pluginToolbar_overrideContent\": \"TdNG5\",\n  \"pluginToolbar_responsiveSpacer\": \"MCTqF\",\n  \"pluginToolbar_responsiveArrow\": \"Gmjb-\",\n  \"pluginToolbar_responsiveArrowStart\": \"MtRTP\",\n  \"pluginToolbar_responsiveArrowStart_icon\": \"Xf8ah\",\n  \"pluginToolbar_responsiveArrowEnd\": \"ibNzr\",\n  \"pluginToolbar_responsiveArrowEnd_icon\": \"mMeqF\",\n  \"pluginToolbar_scrollableContainer\": \"t-zHL\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"_3WXzK\",\n  \"pluginToolbar\": \"uWEpw\",\n  \"overflowToolbar\": \"wgDQ5\",\n  \"pluginToolbar_buttons\": \"eVz58\",\n  \"pluginToolbar_panel\": \"ztMGP\",\n  \"pluginToolbar_inlinePanel\": \"BDltk\",\n  \"pluginToolbar_overrideContent\": \"_3-P3c\",\n  \"pluginToolbar_responsiveSpacer\": \"Zhgix\",\n  \"pluginToolbar_responsiveArrow\": \"yhwSf\",\n  \"pluginToolbar_responsiveArrowStart\": \"wVewS\",\n  \"pluginToolbar_responsiveArrowStart_icon\": \"E4XO2\",\n  \"pluginToolbar_responsiveArrowEnd\": \"_6howe\",\n  \"pluginToolbar_responsiveArrowEnd_icon\": \"RdEza\",\n  \"pluginToolbar_scrollableContainer\": \"xyJc-\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,yBAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,yBAAyB;AAAA,EACzB,uBAAuB;AAAA,EACvB,6BAA6B;AAAA,EAC7B,iCAAiC;AAAA,EACjC,kCAAkC;AAAA,EAClC,iCAAiC;AAAA,EACjC,sCAAsC;AAAA,EACtC,2CAA2C;AAAA,EAC3C,oCAAoC;AAAA,EACpC,yCAAyC;AAAA,EACzC,qCAAqC;AACvC;",
   "names": []
 }

package/dist/cjs/plugin-commons/statics/styles/toolbar-button-scss.js

@@ -21,13 +21,13 @@ __export(toolbar_button_exports, {
 });
 module.exports = __toCommonJS(toolbar_button_exports);
 var toolbar_button_default = {
-  "sideToolbarButton": "v6Oxy",
-  "button": "QpGxz",
-  "footerToolbarButton": "_9xoHg",
-  "icon": "yRO-t",
-  "forceDisabled": "h1K9v",
-  "label": "EDHAT",
-  "buttonWrapper": "_9UDst",
-  "mobile": "Vn8Zq"
+  "sideToolbarButton": "oNCut",
+  "button": "_6xuXF",
+  "footerToolbarButton": "CcfGC",
+  "icon": "Lppgs",
+  "forceDisabled": "hrfe9",
+  "label": "Sjvz4",
+  "buttonWrapper": "x4AfW",
+  "mobile": "XPCMd"
 };
 //# sourceMappingURL=toolbar-button-scss.js.map

package/dist/cjs/plugin-commons/statics/styles/toolbar-button-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-commons/statics/styles/toolbar-button.scss"],
-  "sourcesContent": ["export default {\n  \"sideToolbarButton\": \"v6Oxy\",\n  \"button\": \"QpGxz\",\n  \"footerToolbarButton\": \"_9xoHg\",\n  \"icon\": \"yRO-t\",\n  \"forceDisabled\": \"h1K9v\",\n  \"label\": \"EDHAT\",\n  \"buttonWrapper\": \"_9UDst\",\n  \"mobile\": \"Vn8Zq\"\n};"],
+  "sourcesContent": ["export default {\n  \"sideToolbarButton\": \"oNCut\",\n  \"button\": \"_6xuXF\",\n  \"footerToolbarButton\": \"CcfGC\",\n  \"icon\": \"Lppgs\",\n  \"forceDisabled\": \"hrfe9\",\n  \"label\": \"Sjvz4\",\n  \"buttonWrapper\": \"x4AfW\",\n  \"mobile\": \"XPCMd\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,yBAAQ;AAAA,EACb,qBAAqB;AAAA,EACrB,UAAU;AAAA,EACV,uBAAuB;AAAA,EACvB,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,UAAU;AACZ;",
   "names": []
 }

package/dist/cjs/plugin-dangerous-error/statics/dangerous-error-add-button-scss.js

@@ -21,6 +21,6 @@ __export(dangerous_error_add_button_exports, {
 });
 module.exports = __toCommonJS(dangerous_error_add_button_exports);
 var dangerous_error_add_button_default = {
-  "addButton": "AHczn"
+  "addButton": "X2Q-w"
 };
 //# sourceMappingURL=dangerous-error-add-button-scss.js.map

package/dist/cjs/plugin-dangerous-error/statics/dangerous-error-add-button-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-dangerous-error/statics/dangerous-error-add-button.scss"],
-  "sourcesContent": ["export default {\n  \"addButton\": \"AHczn\"\n};"],
+  "sourcesContent": ["export default {\n  \"addButton\": \"X2Q-w\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,qCAAQ;AAAA,EACb,aAAa;AACf;",
   "names": []
 }

package/dist/cjs/plugin-divider/statics/styles/default-styles-scss.js

@@ -21,28 +21,28 @@ __export(default_styles_exports, {
 });
 module.exports = __toCommonJS(default_styles_exports);
 var default_styles_default = {
-  "divider-container": "_4OS8T",
-  "divider-container--double": "_0ZWha",
-  "divider": "inrlF",
-  "divider--single": "RP1Rb",
-  "divider--double": "WfbU4",
-  "divider--dashed": "wsgKQ",
-  "divider--dotted": "Pk3lm",
-  "divider--small": "HSKkO",
-  "divider--small--mobile": "F-Yxw",
-  "divider--medium": "jovBV",
-  "divider--large--mobile": "PXJdb",
-  "divider--medium--mobile": "opcL-",
-  "divider--large": "fGz3J",
-  "divider--left": "UJ-Ja",
-  "divider--center": "loG-M",
-  "divider--right": "M7DsY",
-  "divider--fill-parent": "d3pBT",
-  "svgFixerContainer": "Nh2iB",
-  "emptyChar": "Gi5Nj",
-  "divider-dropdown__control": "qKiVH",
-  "divider-dropdown__option": "eb6-1",
-  "divider-dropdown__divider": "PMP6J",
-  "divider_line_icon": "uW0sU"
+  "divider-container": "q9QZS",
+  "divider-container--double": "fwPvh",
+  "divider": "_3mfb5",
+  "divider--single": "WPqz1",
+  "divider--double": "ZXfLx",
+  "divider--dashed": "IMsRo",
+  "divider--dotted": "kbkRR",
+  "divider--small": "bAAwn",
+  "divider--small--mobile": "_37zCu",
+  "divider--medium": "lxmiu",
+  "divider--large--mobile": "GtCR2",
+  "divider--medium--mobile": "jwQAg",
+  "divider--large": "Ik1NJ",
+  "divider--left": "gXtvU",
+  "divider--center": "tvsbr",
+  "divider--right": "vgxT2",
+  "divider--fill-parent": "HtZ-r",
+  "svgFixerContainer": "_10Pul",
+  "emptyChar": "GCzka",
+  "divider-dropdown__control": "T5szk",
+  "divider-dropdown__option": "OCXhv",
+  "divider-dropdown__divider": "vyrFw",
+  "divider_line_icon": "_1ORp1"
 };
 //# sourceMappingURL=default-styles-scss.js.map

package/dist/cjs/plugin-divider/statics/styles/default-styles-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-divider/statics/styles/default-styles.scss"],
-  "sourcesContent": ["export default {\n  \"divider-container\": \"_4OS8T\",\n  \"divider-container--double\": \"_0ZWha\",\n  \"divider\": \"inrlF\",\n  \"divider--single\": \"RP1Rb\",\n  \"divider--double\": \"WfbU4\",\n  \"divider--dashed\": \"wsgKQ\",\n  \"divider--dotted\": \"Pk3lm\",\n  \"divider--small\": \"HSKkO\",\n  \"divider--small--mobile\": \"F-Yxw\",\n  \"divider--medium\": \"jovBV\",\n  \"divider--large--mobile\": \"PXJdb\",\n  \"divider--medium--mobile\": \"opcL-\",\n  \"divider--large\": \"fGz3J\",\n  \"divider--left\": \"UJ-Ja\",\n  \"divider--center\": \"loG-M\",\n  \"divider--right\": \"M7DsY\",\n  \"divider--fill-parent\": \"d3pBT\",\n  \"svgFixerContainer\": \"Nh2iB\",\n  \"emptyChar\": \"Gi5Nj\",\n  \"divider-dropdown__control\": \"qKiVH\",\n  \"divider-dropdown__option\": \"eb6-1\",\n  \"divider-dropdown__divider\": \"PMP6J\",\n  \"divider_line_icon\": \"uW0sU\"\n};"],
+  "sourcesContent": ["export default {\n  \"divider-container\": \"q9QZS\",\n  \"divider-container--double\": \"fwPvh\",\n  \"divider\": \"_3mfb5\",\n  \"divider--single\": \"WPqz1\",\n  \"divider--double\": \"ZXfLx\",\n  \"divider--dashed\": \"IMsRo\",\n  \"divider--dotted\": \"kbkRR\",\n  \"divider--small\": \"bAAwn\",\n  \"divider--small--mobile\": \"_37zCu\",\n  \"divider--medium\": \"lxmiu\",\n  \"divider--large--mobile\": \"GtCR2\",\n  \"divider--medium--mobile\": \"jwQAg\",\n  \"divider--large\": \"Ik1NJ\",\n  \"divider--left\": \"gXtvU\",\n  \"divider--center\": \"tvsbr\",\n  \"divider--right\": \"vgxT2\",\n  \"divider--fill-parent\": \"HtZ-r\",\n  \"svgFixerContainer\": \"_10Pul\",\n  \"emptyChar\": \"GCzka\",\n  \"divider-dropdown__control\": \"T5szk\",\n  \"divider-dropdown__option\": \"OCXhv\",\n  \"divider-dropdown__divider\": \"vyrFw\",\n  \"divider_line_icon\": \"_1ORp1\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,yBAAQ;AAAA,EACb,qBAAqB;AAAA,EACrB,6BAA6B;AAAA,EAC7B,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,0BAA0B;AAAA,EAC1B,mBAAmB;AAAA,EACnB,0BAA0B;AAAA,EAC1B,2BAA2B;AAAA,EAC3B,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,wBAAwB;AAAA,EACxB,qBAAqB;AAAA,EACrB,aAAa;AAAA,EACb,6BAA6B;AAAA,EAC7B,4BAA4B;AAAA,EAC5B,6BAA6B;AAAA,EAC7B,qBAAqB;AACvB;",
   "names": []
 }

package/dist/cjs/plugin-divider/statics/styles/divider-viewer.rtlignore-scss.js

@@ -21,24 +21,24 @@ __export(divider_viewer_rtlignore_exports, {
 });
 module.exports = __toCommonJS(divider_viewer_rtlignore_exports);
 var divider_viewer_rtlignore_default = {
-  "divider-container": "UurQl",
-  "divider-container--double": "_4j-IF",
-  "divider": "_9bj1G",
-  "divider--single": "NsTFX",
-  "divider--double": "_9CJtZ",
-  "divider--dashed": "FR75m",
-  "divider--dotted": "_1nJNe",
-  "divider--small": "TNgMm",
-  "divider--small--mobile": "A4Fr8",
-  "divider--medium": "lyEwg",
-  "divider--large--mobile": "_5Rh7N",
-  "divider--medium--mobile": "YE30h",
-  "divider--large": "_3G1Pa",
-  "divider--left": "_4crew",
-  "divider--center": "x-A3c",
-  "divider--right": "wsob9",
-  "divider--fill-parent": "EdQRP",
-  "svgFixerContainer": "AmJ64",
-  "emptyChar": "_2vJHL"
+  "divider-container": "th416",
+  "divider-container--double": "tMv42",
+  "divider": "_40Fwh",
+  "divider--single": "gJsj3",
+  "divider--double": "Mt2ZM",
+  "divider--dashed": "mvRvF",
+  "divider--dotted": "Sfidg",
+  "divider--small": "V06Yy",
+  "divider--small--mobile": "xQzU1",
+  "divider--medium": "u41K0",
+  "divider--large--mobile": "EXCf8",
+  "divider--medium--mobile": "i45wr",
+  "divider--large": "iFyMe",
+  "divider--left": "Ojz76",
+  "divider--center": "fh7PI",
+  "divider--right": "_4C2x7",
+  "divider--fill-parent": "hm-5p",
+  "svgFixerContainer": "_070Wz",
+  "emptyChar": "tZJVv"
 };
 //# sourceMappingURL=divider-viewer.rtlignore-scss.js.map

package/dist/cjs/plugin-divider/statics/styles/divider-viewer.rtlignore-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-divider/statics/styles/divider-viewer.rtlignore.scss"],
-  "sourcesContent": ["export default {\n  \"divider-container\": \"UurQl\",\n  \"divider-container--double\": \"_4j-IF\",\n  \"divider\": \"_9bj1G\",\n  \"divider--single\": \"NsTFX\",\n  \"divider--double\": \"_9CJtZ\",\n  \"divider--dashed\": \"FR75m\",\n  \"divider--dotted\": \"_1nJNe\",\n  \"divider--small\": \"TNgMm\",\n  \"divider--small--mobile\": \"A4Fr8\",\n  \"divider--medium\": \"lyEwg\",\n  \"divider--large--mobile\": \"_5Rh7N\",\n  \"divider--medium--mobile\": \"YE30h\",\n  \"divider--large\": \"_3G1Pa\",\n  \"divider--left\": \"_4crew\",\n  \"divider--center\": \"x-A3c\",\n  \"divider--right\": \"wsob9\",\n  \"divider--fill-parent\": \"EdQRP\",\n  \"svgFixerContainer\": \"AmJ64\",\n  \"emptyChar\": \"_2vJHL\"\n};"],
+  "sourcesContent": ["export default {\n  \"divider-container\": \"th416\",\n  \"divider-container--double\": \"tMv42\",\n  \"divider\": \"_40Fwh\",\n  \"divider--single\": \"gJsj3\",\n  \"divider--double\": \"Mt2ZM\",\n  \"divider--dashed\": \"mvRvF\",\n  \"divider--dotted\": \"Sfidg\",\n  \"divider--small\": \"V06Yy\",\n  \"divider--small--mobile\": \"xQzU1\",\n  \"divider--medium\": \"u41K0\",\n  \"divider--large--mobile\": \"EXCf8\",\n  \"divider--medium--mobile\": \"i45wr\",\n  \"divider--large\": \"iFyMe\",\n  \"divider--left\": \"Ojz76\",\n  \"divider--center\": \"fh7PI\",\n  \"divider--right\": \"_4C2x7\",\n  \"divider--fill-parent\": \"hm-5p\",\n  \"svgFixerContainer\": \"_070Wz\",\n  \"emptyChar\": \"tZJVv\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,mCAAQ;AAAA,EACb,qBAAqB;AAAA,EACrB,6BAA6B;AAAA,EAC7B,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,0BAA0B;AAAA,EAC1B,mBAAmB;AAAA,EACnB,0BAA0B;AAAA,EAC1B,2BAA2B;AAAA,EAC3B,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,wBAAwB;AAAA,EACxB,qBAAqB;AAAA,EACrB,aAAa;AACf;",
   "names": []
 }

package/dist/cjs/plugin-emoji/statics/styles/emoji-preview-modal-scss.js

@@ -21,14 +21,14 @@ __export(emoji_preview_modal_exports, {
 });
 module.exports = __toCommonJS(emoji_preview_modal_exports);
 var emoji_preview_modal_default = {
-  "emojiPreviewModal_emoji_icons_container": "G9YTF",
-  "emojiPreviewModal_nav_icon": "-US5I",
-  "emojiPreviewModal_emoji_icon": "pA3a9",
-  "emojiPreviewModal_emoji_group": "rE5QG",
-  "emojiPreviewModal_emoji": "NJeSz",
-  "emojiPreviewModal_headerTitle": "dLtlR",
-  "emojiPreviewModal_emojis_groups_container": "O4JAS",
-  "emojiPreviewModal_JoyPixelsIcon": "-YT0c",
-  "emojiPreviewModal_scrollbar_thumb": "BuPCz"
+  "emojiPreviewModal_emoji_icons_container": "SEasx",
+  "emojiPreviewModal_nav_icon": "I9T7U",
+  "emojiPreviewModal_emoji_icon": "rq5-X",
+  "emojiPreviewModal_emoji_group": "DuLBQ",
+  "emojiPreviewModal_emoji": "_8xlSD",
+  "emojiPreviewModal_headerTitle": "ZsdzI",
+  "emojiPreviewModal_emojis_groups_container": "asOO9",
+  "emojiPreviewModal_JoyPixelsIcon": "FSni3",
+  "emojiPreviewModal_scrollbar_thumb": "_2080K"
 };
 //# sourceMappingURL=emoji-preview-modal-scss.js.map

package/dist/cjs/plugin-emoji/statics/styles/emoji-preview-modal-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-emoji/statics/styles/emoji-preview-modal.scss"],
-  "sourcesContent": ["export default {\n  \"emojiPreviewModal_emoji_icons_container\": \"G9YTF\",\n  \"emojiPreviewModal_nav_icon\": \"-US5I\",\n  \"emojiPreviewModal_emoji_icon\": \"pA3a9\",\n  \"emojiPreviewModal_emoji_group\": \"rE5QG\",\n  \"emojiPreviewModal_emoji\": \"NJeSz\",\n  \"emojiPreviewModal_headerTitle\": \"dLtlR\",\n  \"emojiPreviewModal_emojis_groups_container\": \"O4JAS\",\n  \"emojiPreviewModal_JoyPixelsIcon\": \"-YT0c\",\n  \"emojiPreviewModal_scrollbar_thumb\": \"BuPCz\"\n};"],
+  "sourcesContent": ["export default {\n  \"emojiPreviewModal_emoji_icons_container\": \"SEasx\",\n  \"emojiPreviewModal_nav_icon\": \"I9T7U\",\n  \"emojiPreviewModal_emoji_icon\": \"rq5-X\",\n  \"emojiPreviewModal_emoji_group\": \"DuLBQ\",\n  \"emojiPreviewModal_emoji\": \"_8xlSD\",\n  \"emojiPreviewModal_headerTitle\": \"ZsdzI\",\n  \"emojiPreviewModal_emojis_groups_container\": \"asOO9\",\n  \"emojiPreviewModal_JoyPixelsIcon\": \"FSni3\",\n  \"emojiPreviewModal_scrollbar_thumb\": \"_2080K\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,8BAAQ;AAAA,EACb,2CAA2C;AAAA,EAC3C,8BAA8B;AAAA,EAC9B,gCAAgC;AAAA,EAChC,iCAAiC;AAAA,EACjC,2BAA2B;AAAA,EAC3B,iCAAiC;AAAA,EACjC,6CAA6C;AAAA,EAC7C,mCAAmC;AAAA,EACnC,qCAAqC;AACvC;",
   "names": []
 }

package/dist/cjs/plugin-figure/{caption-converter.js → converter/caption-converter.js}

@@ -21,9 +21,9 @@ __export(caption_converter_exports, {
   createCaptionTiptapNode: () => createCaptionTiptapNode
 });
 module.exports = __toCommonJS(caption_converter_exports);
-var import_ricos_content = require("./../ricos-content");
-var import_v1 = require("./../ricos-schema/legacy/wix/rich_content/v1");
-var import_consts = require("./consts");
+var import_ricos_content = require("./../../ricos-content");
+var import_v1 = require("./../../ricos-schema/legacy/wix/rich_content/v1");
+var import_consts = require("../consts");
 const captionConverter = {
   toPm: {
     types: [import_v1.Node_Type.CAPTION],

package/dist/cjs/plugin-figure/converter/caption-converter.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugin-figure/converter/caption-converter.ts"],
+  "sourcesContent": ["import type { PmNodeConverter, PmNodeJson } from './../../pm-converters/types';\nimport { generateId } from './../../ricos-content';\nimport type { Node } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport { Node_Type } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport type { CaptionNode } from './../../ricos-types';\n\nimport { captionDefaultAttributes } from '../consts';\n\nexport const captionConverter: PmNodeConverter = {\n  toPm: {\n    types: [Node_Type.CAPTION],\n    convert: (node: CaptionNode, visit: (node: CaptionNode) => PmNodeJson[]) => {\n      const { style, captionData } = node || {};\n\n      return {\n        type: Node_Type.CAPTION,\n        attrs: {\n          ...captionData,\n          ...(style ? { style } : {}),\n          id: node.id ?? generateId(),\n        },\n        content: visit(node),\n      };\n    },\n  },\n  fromPm: {\n    types: [Node_Type.CAPTION],\n    convert: (node: PmNodeJson, visit: (node: PmNodeJson) => Node[]) => {\n      const { id, style, dir: _, textStyle } = node.attrs || {};\n\n      const transformedStyle = {\n        paddingBottom: excludeDefaultValue(\n          style?.paddingBottom,\n          captionDefaultAttributes.styleDefaults.paddingBottom\n        ),\n        paddingTop: excludeDefaultValue(\n          style?.paddingTop,\n          captionDefaultAttributes.styleDefaults.paddingTop\n        ),\n      };\n\n      const transformedTextStyle = {\n        textAlignment: excludeDefaultValue(\n          textStyle?.textAlignment,\n          captionDefaultAttributes.textStyle.textAlignment\n        ),\n        lineHeight: excludeDefaultValue(\n          textStyle?.lineHeight,\n          captionDefaultAttributes.textStyle.lineHeight\n        ),\n      };\n\n      return {\n        type: Node_Type.CAPTION,\n        id,\n        nodes: visit(node),\n        ...(Object.values(transformedStyle).some(v => v !== undefined) && {\n          style: transformedStyle,\n        }),\n        ...(Object.values(transformedTextStyle).some(v => v !== undefined) && {\n          captionData: { textStyle: transformedTextStyle },\n        }),\n      };\n    },\n  },\n};\n\nexport const createCaptionTiptapNode = (content?: PmNodeJson[]) => {\n  return {\n    type: Node_Type.CAPTION,\n    attrs: {\n      id: generateId(),\n    },\n    content: content ?? [],\n  };\n};\n\nfunction excludeDefaultValue<T extends string | number>(value: T, defaultValue: T) {\n  return value === defaultValue ? undefined : value;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,2BAA2B;AAE3B,gBAA0B;AAG1B,oBAAyC;AAElC,MAAM,mBAAoC;AAAA,EAC/C,MAAM;AAAA,IACJ,OAAO,CAAC,oBAAU,OAAO;AAAA,IACzB,SAAS,CAAC,MAAmB,UAA+C;AAC1E,YAAM,EAAE,OAAO,YAAY,IAAI,QAAQ,CAAC;AAExC,aAAO;AAAA,QACL,MAAM,oBAAU;AAAA,QAChB,OAAO;AAAA,UACL,GAAG;AAAA,UACH,GAAI,QAAQ,EAAE,MAAM,IAAI,CAAC;AAAA,UACzB,IAAI,KAAK,UAAM,iCAAW;AAAA,QAC5B;AAAA,QACA,SAAS,MAAM,IAAI;AAAA,MACrB;AAAA,IACF;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,OAAO,CAAC,oBAAU,OAAO;AAAA,IACzB,SAAS,CAAC,MAAkB,UAAwC;AAClE,YAAM,EAAE,IAAI,OAAO,KAAK,GAAG,UAAU,IAAI,KAAK,SAAS,CAAC;AAExD,YAAM,mBAAmB;AAAA,QACvB,eAAe;AAAA,UACb,OAAO;AAAA,UACP,uCAAyB,cAAc;AAAA,QACzC;AAAA,QACA,YAAY;AAAA,UACV,OAAO;AAAA,UACP,uCAAyB,cAAc;AAAA,QACzC;AAAA,MACF;AAEA,YAAM,uBAAuB;AAAA,QAC3B,eAAe;AAAA,UACb,WAAW;AAAA,UACX,uCAAyB,UAAU;AAAA,QACrC;AAAA,QACA,YAAY;AAAA,UACV,WAAW;AAAA,UACX,uCAAyB,UAAU;AAAA,QACrC;AAAA,MACF;AAEA,aAAO;AAAA,QACL,MAAM,oBAAU;AAAA,QAChB;AAAA,QACA,OAAO,MAAM,IAAI;AAAA,QACjB,GAAI,OAAO,OAAO,gBAAgB,EAAE,KAAK,OAAK,MAAM,MAAS,KAAK;AAAA,UAChE,OAAO;AAAA,QACT;AAAA,QACA,GAAI,OAAO,OAAO,oBAAoB,EAAE,KAAK,OAAK,MAAM,MAAS,KAAK;AAAA,UACpE,aAAa,EAAE,WAAW,qBAAqB;AAAA,QACjD;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEO,MAAM,0BAA0B,CAAC,YAA2B;AACjE,SAAO;AAAA,IACL,MAAM,oBAAU;AAAA,IAChB,OAAO;AAAA,MACL,QAAI,iCAAW;AAAA,IACjB;AAAA,IACA,SAAS,WAAW,CAAC;AAAA,EACvB;AACF;AAEA,SAAS,oBAA+C,OAAU,cAAiB;AACjF,SAAO,UAAU,eAAe,SAAY;AAC9C;",
+  "names": []
+}

package/dist/cjs/plugin-figure/editor.js

@@ -21,7 +21,7 @@ __export(editor_exports, {
 });
 module.exports = __toCommonJS(editor_exports);
 var import_consts = require("./../ricos-content/consts");
-var import_caption_converter = require("./caption-converter");
+var import_caption_converter = require("./converter/caption-converter");
 var import_caption_tiptap_extension = require("./tiptap/caption-tiptap-extension");
 var import_figure_tiptap_extension = require("./tiptap/figure-tiptap-extension");
 const pluginFigure = {

package/dist/cjs/plugin-figure/editor.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugin-figure/editor.ts"],
-  "sourcesContent": ["import { TIPTAP_CAPTION_TYPE } from './../ricos-content/consts';\nimport type { TiptapEditorPlugin } from './../ricos-types';\n\nimport { captionConverter } from './caption-converter';\nimport { captionTiptapExtension } from './tiptap/caption-tiptap-extension';\nimport { figureTiptapExtension } from './tiptap/figure-tiptap-extension';\n\nexport const pluginFigure: TiptapEditorPlugin = {\n  type: TIPTAP_CAPTION_TYPE,\n  config: {},\n  pmMarkConverters: [],\n  pmNodeConverters: [captionConverter],\n  tiptapExtensions: [figureTiptapExtension, captionTiptapExtension],\n};\n"],
+  "sourcesContent": ["import { TIPTAP_CAPTION_TYPE } from './../ricos-content/consts';\nimport type { TiptapEditorPlugin } from './../ricos-types';\n\nimport { captionConverter } from './converter/caption-converter';\nimport { captionTiptapExtension } from './tiptap/caption-tiptap-extension';\nimport { figureTiptapExtension } from './tiptap/figure-tiptap-extension';\n\nexport const pluginFigure: TiptapEditorPlugin = {\n  type: TIPTAP_CAPTION_TYPE,\n  config: {},\n  pmMarkConverters: [],\n  pmNodeConverters: [captionConverter],\n  tiptapExtensions: [figureTiptapExtension, captionTiptapExtension],\n};\n"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAoC;AAGpC,+BAAiC;AACjC,sCAAuC;AACvC,qCAAsC;AAE/B,MAAM,eAAmC;AAAA,EAC9C,MAAM;AAAA,EACN,QAAQ,CAAC;AAAA,EACT,kBAAkB,CAAC;AAAA,EACnB,kBAAkB,CAAC,yCAAgB;AAAA,EACnC,kBAAkB,CAAC,sDAAuB,sDAAsB;AAClE;",
   "names": []
 }

package/dist/cjs/plugin-figure/tiptap/caption-scss.js

@@ -21,8 +21,8 @@ __export(caption_exports, {
 });
 module.exports = __toCommonJS(caption_exports);
 var caption_default = {
-  "fontElementMap": "io1LJ",
-  "caption": "-pAm0",
-  "withCaptionTrigger": "sD1PE"
+  "fontElementMap": "_5rHy-",
+  "caption": "qgMhb",
+  "withCaptionTrigger": "_6jg-U"
 };
 //# sourceMappingURL=caption-scss.js.map

package/dist/cjs/plugin-figure/tiptap/caption-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-figure/tiptap/caption.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"io1LJ\",\n  \"caption\": \"-pAm0\",\n  \"withCaptionTrigger\": \"sD1PE\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"_5rHy-\",\n  \"caption\": \"qgMhb\",\n  \"withCaptionTrigger\": \"_6jg-U\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,kBAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,WAAW;AAAA,EACX,sBAAsB;AACxB;",
   "names": []
 }

package/dist/cjs/plugin-figure/tiptap/caption-tiptap-extension.js

@@ -47,7 +47,7 @@ const captionTiptapExtension = (0, import_plugin_commons.createRicosNodeExtensio
       }
       return parentNode.attrs.id === selectedNode.attrs.id;
     },
-    content: "Image_Caption_Input_Placeholder",
+    content: "Figure_Caption_Input_Placeholder",
     alwaysVisible: true,
     alignCenter: true
   },

package/dist/cjs/plugin-figure/tiptap/caption-tiptap-extension.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-figure/tiptap/caption-tiptap-extension.ts"],
-  "sourcesContent": ["import type { Node as ProseMirrorNode } from '@tiptap/pm/model';\n\nimport { TIPTAP_CAPTION_TYPE, TIPTAP_FIGURE_TYPE } from './../../ricos-content';\nimport type { DOMOutputSpec } from './../../ricos-types';\nimport { createRicosNodeExtension } from './../../plugin-commons';\n\nimport { Caption } from './caption';\n\nexport const captionTiptapExtension = createRicosNodeExtension({\n  type: 'react-node',\n  groups: ['not-overtypable', 'custom-styles'],\n  name: TIPTAP_CAPTION_TYPE,\n  Component: Caption,\n  placeholder: {\n    predicate: ({ doc, pos, selection }) => {\n      const node = doc.resolve(pos);\n      const parentNode = node.parent;\n\n      if (parentNode.type.name !== TIPTAP_FIGURE_TYPE) {\n        return false;\n      }\n\n      let selectedNode: ProseMirrorNode | undefined;\n      doc.nodesBetween(selection.from, selection.to, node => {\n        if (node.type.name === TIPTAP_FIGURE_TYPE) {\n          selectedNode = node;\n          return false;\n        }\n      });\n\n      if (!selectedNode) {\n        return false;\n      }\n\n      return parentNode.attrs.id === selectedNode.attrs.id;\n    },\n    content: 'Image_Caption_Input_Placeholder',\n    alwaysVisible: true,\n    alignCenter: true,\n  },\n  createExtensionConfig() {\n    return {\n      name: this.name,\n      content: 'text*',\n      isolating: true,\n      draggable: false,\n      selectable: true,\n\n      addAttributes() {\n        return {\n          textStyle: {\n            default: {\n              textAlignment: 'CENTER',\n              lineHeight: 1.5,\n            },\n          },\n          // Using `styleDefaults` instead of a `style` object because\n          // Tiptap requires the default value of `style` to be a string.\n          // For more context, see:\n          // https://github.com/ueberdosis/tiptap/blob/v2.8.0/packages/core/src/utilities/mergeAttributes.ts#L26\n          styleDefaults: {\n            default: {\n              paddingTop: '16px',\n              paddingBottom: '16px',\n            },\n          },\n        };\n      },\n\n      parseHTML() {\n        return [\n          {\n            tag: 'figcaption',\n          },\n        ];\n      },\n\n      renderHTML() {\n        return ['figcaption', {}, 0] as DOMOutputSpec;\n      },\n    };\n  },\n});\n"],
+  "sourcesContent": ["import type { Node as ProseMirrorNode } from '@tiptap/pm/model';\n\nimport { TIPTAP_CAPTION_TYPE, TIPTAP_FIGURE_TYPE } from './../../ricos-content';\nimport type { DOMOutputSpec } from './../../ricos-types';\nimport { createRicosNodeExtension } from './../../plugin-commons';\n\nimport { Caption } from './caption';\n\nexport const captionTiptapExtension = createRicosNodeExtension({\n  type: 'react-node',\n  groups: ['not-overtypable', 'custom-styles'],\n  name: TIPTAP_CAPTION_TYPE,\n  Component: Caption,\n  placeholder: {\n    predicate: ({ doc, pos, selection }) => {\n      const node = doc.resolve(pos);\n      const parentNode = node.parent;\n\n      if (parentNode.type.name !== TIPTAP_FIGURE_TYPE) {\n        return false;\n      }\n\n      let selectedNode: ProseMirrorNode | undefined;\n      doc.nodesBetween(selection.from, selection.to, node => {\n        if (node.type.name === TIPTAP_FIGURE_TYPE) {\n          selectedNode = node;\n          return false;\n        }\n      });\n\n      if (!selectedNode) {\n        return false;\n      }\n\n      return parentNode.attrs.id === selectedNode.attrs.id;\n    },\n    content: 'Figure_Caption_Input_Placeholder',\n    alwaysVisible: true,\n    alignCenter: true,\n  },\n  createExtensionConfig() {\n    return {\n      name: this.name,\n      content: 'text*',\n      isolating: true,\n      draggable: false,\n      selectable: true,\n\n      addAttributes() {\n        return {\n          textStyle: {\n            default: {\n              textAlignment: 'CENTER',\n              lineHeight: 1.5,\n            },\n          },\n          // Using `styleDefaults` instead of a `style` object because\n          // Tiptap requires the default value of `style` to be a string.\n          // For more context, see:\n          // https://github.com/ueberdosis/tiptap/blob/v2.8.0/packages/core/src/utilities/mergeAttributes.ts#L26\n          styleDefaults: {\n            default: {\n              paddingTop: '16px',\n              paddingBottom: '16px',\n            },\n          },\n        };\n      },\n\n      parseHTML() {\n        return [\n          {\n            tag: 'figcaption',\n          },\n        ];\n      },\n\n      renderHTML() {\n        return ['figcaption', {}, 0] as DOMOutputSpec;\n      },\n    };\n  },\n});\n"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,2BAAwD;AAExD,4BAAyC;AAEzC,qBAAwB;AAEjB,MAAM,6BAAyB,gDAAyB;AAAA,EAC7D,MAAM;AAAA,EACN,QAAQ,CAAC,mBAAmB,eAAe;AAAA,EAC3C,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AAAA,IACX,WAAW,CAAC,EAAE,KAAK,KAAK,UAAU,MAAM;AACtC,YAAM,OAAO,IAAI,QAAQ,GAAG;AAC5B,YAAM,aAAa,KAAK;AAExB,UAAI,WAAW,KAAK,SAAS,yCAAoB;AAC/C,eAAO;AAAA,MACT;AAEA,UAAI;AACJ,UAAI,aAAa,UAAU,MAAM,UAAU,IAAI,CAAAA,UAAQ;AACrD,YAAIA,MAAK,KAAK,SAAS,yCAAoB;AACzC,yBAAeA;AACf,iBAAO;AAAA,QACT;AAAA,MACF,CAAC;AAED,UAAI,CAAC,cAAc;AACjB,eAAO;AAAA,MACT;AAEA,aAAO,WAAW,MAAM,OAAO,aAAa,MAAM;AAAA,IACpD;AAAA,IACA,SAAS;AAAA,IACT,eAAe;AAAA,IACf,aAAa;AAAA,EACf;AAAA,EACA,wBAAwB;AACtB,WAAO;AAAA,MACL,MAAM,KAAK;AAAA,MACX,SAAS;AAAA,MACT,WAAW;AAAA,MACX,WAAW;AAAA,MACX,YAAY;AAAA,MAEZ,gBAAgB;AACd,eAAO;AAAA,UACL,WAAW;AAAA,YACT,SAAS;AAAA,cACP,eAAe;AAAA,cACf,YAAY;AAAA,YACd;AAAA,UACF;AAAA;AAAA;AAAA;AAAA;AAAA,UAKA,eAAe;AAAA,YACb,SAAS;AAAA,cACP,YAAY;AAAA,cACZ,eAAe;AAAA,YACjB;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,MAEA,YAAY;AACV,eAAO;AAAA,UACL;AAAA,YACE,KAAK;AAAA,UACP;AAAA,QACF;AAAA,MACF;AAAA,MAEA,aAAa;AACX,eAAO,CAAC,cAAc,CAAC,GAAG,CAAC;AAAA,MAC7B;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
   "names": ["node"]
 }

package/dist/cjs/plugin-figure/tiptap/caption.js

@@ -36,26 +36,27 @@ var import_context = require("./../../pm-converters/context");
 var import_ricos_content = require("./../../ricos-content");
 var import_ricos_context = require("./../../ricos-context");
 var import_ricos_types = require("./../../ricos-types");
+var import_general_scss = __toESM(require("../../editor-common/statics/styles/general-scss"));
+var import_general = __toESM(require("../../wix-rich-content-common/statics/styles/general.rtlignore-scss"));
 var import_data_hooks = require("../data-hooks");
 var import_caption_scss = __toESM(require("./caption-scss"));
-var import_class_name_strategies = require("./class-name-strategies");
+var import_use_editor_selection = require("./use-editor-selection");
+const stylesWithRTL = { ...import_general_scss.default, ...import_general.default };
 const Caption = ({ NodeViewContent, editor, node }) => {
-  const { getEditorCommands } = (0, import_react.useContext)(import_ricos_context.EditorContext);
+  const { isMobile } = (0, import_react.useContext)(import_ricos_context.RicosContext);
   const pluginsEvents = (0, import_react.useContext)(import_ricos_context.PluginsEventsContext);
   const pluginExports = (0, import_ricos_context.usePluginExportsContext)();
-  const [selectedNodes, setSelectedNodes] = (0, import_react.useState)(
-    () => getEditorCommands().getSelection().selectedNodes
-  );
+  const selectedNodes = (0, import_use_editor_selection.useEditorSelection)(editor).selectedNodes;
   const captionNodePos = editor.$doc.querySelector(import_ricos_content.TIPTAP_CAPTION_TYPE, {
     id: node.attrs.id
   });
   const converters = (0, import_context.useConverters)();
   if (!captionNodePos?.parent?.node) {
+    console.error("Caption must have a parent.");
     return null;
   }
-  const ricosParentNode = converters.fromPmNode(captionNodePos?.parent?.node.toJSON());
+  const ricosParentNode = converters.fromPmNode(captionNodePos.parent.node.toJSON());
   const AiButton = pluginExports.aiIntegrations?.image?.captionTrigger;
-  const containerClasses = (0, import_class_name_strategies.useNodeContainerClasses)({ editor, nodeId: node.attrs.id });
   const isCaptionSelected = selectedNodes.find(
     (selectedNode) => selectedNode.attrs.id === node.attrs?.id
   );
@@ -68,31 +69,23 @@ const Caption = ({ NodeViewContent, editor, node }) => {
     }
     pluginsEvents?.publishPluginLayoutShift({ nodeId: node.attrs.id });
   }, [isCaptionSelected, isParentSelected]);
-  (0, import_react.useEffect)(() => {
-    const onSelectionUpdate = () => {
-      setSelectedNodes(getEditorCommands().getSelection().selectedNodes);
-    };
-    editor.on("selectionUpdate", onSelectionUpdate);
-    return () => {
-      editor.off("selectionUpdate", onSelectionUpdate);
-    };
-  }, []);
   const hasAiButton = isCaptionSelected && ricosParentNode?.type === import_ricos_types.Node_Type.IMAGE && AiButton;
-  return isCaptionSelected || isParentSelected || !!node.content.firstChild?.text ? /* @__PURE__ */ import_react.default.createElement(
+  return isCaptionSelected || isParentSelected || !!node.content.firstChild ? /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
-      className: (0, import_classnames.default)(import_caption_scss.default.caption, containerClasses, {
-        [import_caption_scss.default.withCaptionTrigger]: hasAiButton
-      })
+      className: (0, import_classnames.default)(
+        import_caption_scss.default.caption,
+        getNodeContainerClasses(editor, node.attrs.id, isMobile),
+        {
+          [import_caption_scss.default.withCaptionTrigger]: hasAiButton
+        }
+      )
     },
     hasAiButton ? /* @__PURE__ */ import_react.default.createElement(
       AiButton,
       {
         node: ricosParentNode,
         onCaptionChange: (caption) => {
-          if (!captionNodePos) {
-            return;
-          }
           const { range } = captionNodePos;
           const { tr } = editor.state;
           tr.insertText(caption, range.from, range.to);
@@ -118,4 +111,16 @@ const Caption = ({ NodeViewContent, editor, node }) => {
     )
   ) : null;
 };
+const getNodeContainerClasses = (editor, nodeId, isMobile) => {
+  let isFocused = false;
+  const selection = editor.state.selection;
+  editor.state.doc.nodesBetween(selection.from, selection.to, (node) => {
+    node.attrs.id === nodeId && (isFocused = true);
+  });
+  return (0, import_classnames.default)(stylesWithRTL.pluginContainer, {
+    [stylesWithRTL.pluginContainerMobile]: isMobile,
+    [stylesWithRTL.hasFocus]: isFocused,
+    [stylesWithRTL.hideTextSelection]: !isFocused
+  });
+};
 //# sourceMappingURL=caption.js.map

package/dist/cjs/plugin-figure/tiptap/caption.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-figure/tiptap/caption.tsx"],
-  "sourcesContent": ["import type { Node as PmNode } from '@tiptap/pm/model';\nimport classNames from 'classnames';\nimport React, { useContext, useEffect, useState } from 'react';\n\nimport { useConverters } from './../../pm-converters/context';\nimport { TIPTAP_CAPTION_TYPE } from './../../ricos-content';\nimport { EditorContext, PluginsEventsContext, usePluginExportsContext } from './../../ricos-context';\nimport type { ImageNode } from './../../ricos-schema/next-schema';\nimport type { PluginProps } from './../../ricos-types';\nimport { Node_Type } from './../../ricos-types';\n\nimport { CAPTION } from '../data-hooks';\nimport classes from './caption-scss';\nimport { useNodeContainerClasses } from './class-name-strategies';\n\nexport const Caption: React.FC<PluginProps> = ({ NodeViewContent, editor, node }) => {\n  const { getEditorCommands } = useContext(EditorContext);\n  const pluginsEvents = useContext(PluginsEventsContext);\n  const pluginExports = usePluginExportsContext();\n  const [selectedNodes, setSelectedNodes] = useState<PmNode[]>(\n    () => getEditorCommands().getSelection().selectedNodes\n  );\n  const captionNodePos = editor.$doc.querySelector(TIPTAP_CAPTION_TYPE, {\n    id: node.attrs.id,\n  });\n  const converters = useConverters();\n  if (!captionNodePos?.parent?.node) {\n    return null;\n  }\n  const ricosParentNode = converters.fromPmNode(captionNodePos?.parent?.node.toJSON());\n\n  const AiButton = pluginExports.aiIntegrations?.image?.captionTrigger;\n  const containerClasses = useNodeContainerClasses({ editor, nodeId: node.attrs.id });\n\n  const isCaptionSelected = selectedNodes.find(\n    selectedNode => selectedNode.attrs.id === node.attrs?.id\n  );\n  const isParentSelected = selectedNodes.find(\n    selectedNode => selectedNode.attrs.id === ricosParentNode?.id\n  );\n\n  useEffect(() => {\n    if (node.content.firstChild?.text || isCaptionSelected || isParentSelected) {\n      return;\n    }\n    pluginsEvents?.publishPluginLayoutShift({ nodeId: node.attrs.id });\n  }, [isCaptionSelected, isParentSelected]);\n\n  useEffect(() => {\n    const onSelectionUpdate = () => {\n      setSelectedNodes(getEditorCommands().getSelection().selectedNodes);\n    };\n\n    editor.on('selectionUpdate', onSelectionUpdate);\n\n    return () => {\n      editor.off('selectionUpdate', onSelectionUpdate);\n    };\n  }, []);\n\n  const hasAiButton = isCaptionSelected && ricosParentNode?.type === Node_Type.IMAGE && AiButton;\n\n  return isCaptionSelected || isParentSelected || !!node.content.firstChild?.text ? (\n    <div\n      className={classNames(classes.caption, containerClasses, {\n        [classes.withCaptionTrigger]: hasAiButton,\n      })}\n    >\n      {hasAiButton ? (\n        <AiButton\n          node={ricosParentNode as ImageNode}\n          onCaptionChange={caption => {\n            if (!captionNodePos) {\n              return;\n            }\n            const { range } = captionNodePos;\n            const { tr } = editor.state;\n\n            tr.insertText(caption, range.from, range.to);\n            editor.view.dispatch(tr);\n          }}\n        />\n      ) : null}\n      <NodeViewContent\n        dir=\"auto\"\n        data-hook={CAPTION}\n        as=\"figcaption\"\n        style={{\n          width: '100%',\n          overflow: 'auto',\n          lineHeight: node.attrs?.textStyle?.lineHeight,\n          textAlign: node.attrs?.textStyle?.textAlignment,\n          paddingTop: node.attrs?.style?.paddingTop ?? node.attrs?.styleDefaults?.paddingTop,\n          paddingBottom:\n            node.attrs?.style?.paddingBottom ?? node.attrs?.styleDefaults?.paddingBottom,\n        }}\n      />\n    </div>\n  ) : null;\n};\n"],
-  "mappings": "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",
-  "names": ["React", "classNames", "classes"]
+  "sourcesContent": ["import type { Editor } from '@tiptap/react';\nimport classNames from 'classnames';\nimport React, { useContext, useEffect } from 'react';\n\nimport { useConverters } from './../../pm-converters/context';\nimport { TIPTAP_CAPTION_TYPE } from './../../ricos-content';\nimport { PluginsEventsContext, RicosContext, usePluginExportsContext } from './../../ricos-context';\nimport type { ImageNode } from './../../ricos-schema/next-schema';\nimport type { PluginProps } from './../../ricos-types';\nimport { Node_Type } from './../../ricos-types';\n\nimport generalStyles from '../../editor-common/statics/styles/general-scss';\nimport generalRTLIgnoredStyles from '../../wix-rich-content-common/statics/styles/general.rtlignore-scss';\nimport { CAPTION } from '../data-hooks';\nimport classes from './caption-scss';\nimport { useEditorSelection } from './use-editor-selection';\n\nconst stylesWithRTL = { ...generalStyles, ...generalRTLIgnoredStyles };\n\nexport const Caption: React.FC<PluginProps> = ({ NodeViewContent, editor, node }) => {\n  const { isMobile } = useContext(RicosContext);\n  const pluginsEvents = useContext(PluginsEventsContext);\n  const pluginExports = usePluginExportsContext();\n  const selectedNodes = useEditorSelection(editor).selectedNodes;\n  const captionNodePos = editor.$doc.querySelector(TIPTAP_CAPTION_TYPE, {\n    id: node.attrs.id,\n  });\n  const converters = useConverters();\n  if (!captionNodePos?.parent?.node) {\n    console.error('Caption must have a parent.');\n    return null;\n  }\n  const ricosParentNode = converters.fromPmNode(captionNodePos.parent.node.toJSON());\n\n  const AiButton = pluginExports.aiIntegrations?.image?.captionTrigger;\n\n  const isCaptionSelected = selectedNodes.find(\n    selectedNode => selectedNode.attrs.id === node.attrs?.id\n  );\n  const isParentSelected = selectedNodes.find(\n    selectedNode => selectedNode.attrs.id === ricosParentNode?.id\n  );\n\n  useEffect(() => {\n    if (node.content.firstChild?.text || isCaptionSelected || isParentSelected) {\n      return;\n    }\n    pluginsEvents?.publishPluginLayoutShift({ nodeId: node.attrs.id });\n  }, [isCaptionSelected, isParentSelected]);\n\n  const hasAiButton = isCaptionSelected && ricosParentNode?.type === Node_Type.IMAGE && AiButton;\n\n  return isCaptionSelected || isParentSelected || !!node.content.firstChild ? (\n    <div\n      className={classNames(\n        classes.caption,\n        getNodeContainerClasses(editor, node.attrs.id, isMobile),\n        {\n          [classes.withCaptionTrigger]: hasAiButton,\n        }\n      )}\n    >\n      {hasAiButton ? (\n        <AiButton\n          node={ricosParentNode as ImageNode}\n          onCaptionChange={caption => {\n            const { range } = captionNodePos;\n            const { tr } = editor.state;\n\n            tr.insertText(caption, range.from, range.to);\n            editor.view.dispatch(tr);\n          }}\n        />\n      ) : null}\n      <NodeViewContent\n        dir=\"auto\"\n        data-hook={CAPTION}\n        as=\"figcaption\"\n        style={{\n          width: '100%',\n          overflow: 'auto',\n          lineHeight: node.attrs?.textStyle?.lineHeight,\n          textAlign: node.attrs?.textStyle?.textAlignment,\n          paddingTop: node.attrs?.style?.paddingTop ?? node.attrs?.styleDefaults?.paddingTop,\n          paddingBottom:\n            node.attrs?.style?.paddingBottom ?? node.attrs?.styleDefaults?.paddingBottom,\n        }}\n      />\n    </div>\n  ) : null;\n};\n\nconst getNodeContainerClasses = (editor: Editor, nodeId: string, isMobile: boolean) => {\n  let isFocused = false;\n  const selection = editor.state.selection;\n  editor.state.doc.nodesBetween(selection.from, selection.to, node => {\n    node.attrs.id === nodeId && (isFocused = true);\n  });\n\n  return classNames(stylesWithRTL.pluginContainer, {\n    [stylesWithRTL.pluginContainerMobile]: isMobile,\n    [stylesWithRTL.hasFocus]: isFocused,\n    [stylesWithRTL.hideTextSelection]: !isFocused,\n  });\n};\n"],
+  "mappings": "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",
+  "names": ["generalStyles", "generalRTLIgnoredStyles", "React", "classNames", "classes"]
 }

package/dist/cjs/plugin-figure/tiptap/figure-scss.js

@@ -21,6 +21,6 @@ __export(figure_exports, {
 });
 module.exports = __toCommonJS(figure_exports);
 var figure_default = {
-  "figure": "Th8LX"
+  "figure": "_4m5sV"
 };
 //# sourceMappingURL=figure-scss.js.map

package/dist/cjs/plugin-figure/tiptap/figure-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-figure/tiptap/figure.scss"],
-  "sourcesContent": ["export default {\n  \"figure\": \"Th8LX\"\n};"],
+  "sourcesContent": ["export default {\n  \"figure\": \"_4m5sV\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,iBAAQ;AAAA,EACb,UAAU;AACZ;",
   "names": []
 }

package/dist/cjs/plugin-figure/tiptap/figure-tiptap-extension.js

@@ -1,6 +1,8 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -14,6 +16,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var figure_tiptap_extension_exports = {};
 __export(figure_tiptap_extension_exports, {
@@ -21,9 +31,12 @@ __export(figure_tiptap_extension_exports, {
 });
 module.exports = __toCommonJS(figure_tiptap_extension_exports);
 var import_core = require("@tiptap/core");
+var import_model = require("@tiptap/pm/model");
 var import_state = require("@tiptap/pm/state");
 var import_ricos_content = require("./../../ricos-content");
 var import_plugin_commons = require("./../../plugin-commons");
+var import_helpers = require("./../../tiptap-editor/helpers");
+var import_general_scss = __toESM(require("../../editor-common/statics/styles/general-scss"));
 var import_figure = require("./figure");
 const figureTiptapExtension = (0, import_plugin_commons.createRicosNodeExtension)({
   type: "react-node",
@@ -39,22 +52,29 @@ const figureTiptapExtension = (0, import_plugin_commons.createRicosNodeExtension
   Component: import_figure.Figure,
   renderingOptions: {
     onDragStart({ editor, dragHandle, event }) {
-      const target = event.target;
-      if (!this.dom || this.contentDOM?.contains(target) || !dragHandle) {
-        event.stopPropagation();
+      if (!this.dom || !dragHandle) {
         return;
       }
       if (this.dom === dragHandle) {
         event.dataTransfer?.setDragImage(this.dom, 0, 0);
       } else {
-        const domBox = this.dom.getBoundingClientRect();
+        const figure = this.dom.querySelector("figure");
+        if (!figure) {
+          console.error("figure element not found");
+          return;
+        }
+        const domBox = figure.getBoundingClientRect();
         const handleBox = dragHandle.getBoundingClientRect();
         const nativeEvent = "nativeEvent" in event ? event.nativeEvent : event;
         const x = handleBox.x - domBox.x + nativeEvent.offsetX;
         const y = handleBox.y - domBox.y + nativeEvent.offsetY;
-        event.dataTransfer?.setDragImage(this.dom, x, y);
+        figure?.classList.add(import_general_scss.default.dragImageView);
+        event.dataTransfer?.setDragImage(figure, x, y);
+        setTimeout(() => {
+          figure?.classList.remove(import_general_scss.default.dragImageView);
+        }, 0);
       }
-      const selection = import_state.NodeSelection.create(editor.view.state.doc, this.getPos() - 1);
+      const selection = import_state.NodeSelection.create(editor.view.state.tr.doc, this.getPos());
       const transaction = editor.view.state.tr.setSelection(selection);
       editor.view.dispatch(transaction);
     }
@@ -64,8 +84,8 @@ const figureTiptapExtension = (0, import_plugin_commons.createRicosNodeExtension
       name: this.name,
       group: "block",
       selectable: true,
-      draggable: false,
-      content: `${import_ricos_content.TIPTAP_IMAGE_TYPE} ${import_ricos_content.TIPTAP_CAPTION_TYPE}`,
+      draggable: true,
+      content: "figure CAPTION",
       priority: 101,
       parseHTML() {
         return [
@@ -186,6 +206,20 @@ const figureTiptapExtension = (0, import_plugin_commons.createRicosNodeExtension
           new Plugin({
             key: new PluginKey("figure-handle-paste"),
             props: {
+              transformCopied: (slice, { state }) => {
+                const node = slice.content.firstChild;
+                if (slice.content.size === 1 && node?.type.spec.group?.includes("figure")) {
+                  const childPos = (0, import_helpers.findNodeById)(state.tr, node.attrs.id)[0]?.pos;
+                  const figureNode = state.doc.resolve(childPos).parent;
+                  const newSlice = new import_model.Slice(
+                    import_model.Fragment.from(figureNode),
+                    slice.openStart,
+                    slice.openEnd
+                  );
+                  return newSlice;
+                }
+                return slice;
+              },
               transformPastedHTML(html) {
                 if (!html.includes("<figure")) {
                   return html;
@@ -193,8 +227,8 @@ const figureTiptapExtension = (0, import_plugin_commons.createRicosNodeExtension
                 const newHtml = document.createElement("div");
                 newHtml.innerHTML = html;
                 newHtml.querySelectorAll("figure").forEach((figure) => {
-                  const img = figure.querySelector("image-component");
-                  if (!img) {
+                  const child = figure.querySelector("image-component, video-component");
+                  if (!child) {
                     figure.remove();
                   }
                 });