@wix/ricos 10.110.0 → 10.111.0

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\": \"kf0IZ\",\n  \"divider-container--double\": \"zggFy\",\n  \"divider\": \"pwqoo\",\n  \"divider--single\": \"efQSe\",\n  \"divider--double\": \"WALSM\",\n  \"divider--dashed\": \"F5AbG\",\n  \"divider--dotted\": \"_6Ah9g\",\n  \"divider--small\": \"dDPO2\",\n  \"divider--small--mobile\": \"COgVC\",\n  \"divider--medium\": \"ixO80\",\n  \"divider--large--mobile\": \"YkV9q\",\n  \"divider--medium--mobile\": \"xdC5U\",\n  \"divider--large\": \"_0Njsi\",\n  \"divider--left\": \"n-0KN\",\n  \"divider--center\": \"_6DEsL\",\n  \"divider--right\": \"osa42\",\n  \"divider--fill-parent\": \"x08jG\",\n  \"svgFixerContainer\": \"-mcDk\",\n  \"emptyChar\": \"uUM-4\"\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": "KEP4W",
+  "emojiPreviewModal_nav_icon": "GbObS",
+  "emojiPreviewModal_emoji_icon": "LBUym",
+  "emojiPreviewModal_emoji_group": "p15yM",
+  "emojiPreviewModal_emoji": "MSWqA",
+  "emojiPreviewModal_headerTitle": "_2ZvJB",
+  "emojiPreviewModal_emojis_groups_container": "y3FEC",
+  "emojiPreviewModal_JoyPixelsIcon": "ue2hg",
+  "emojiPreviewModal_scrollbar_thumb": "wpEiM"
 };
 //# 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\": \"KEP4W\",\n  \"emojiPreviewModal_nav_icon\": \"GbObS\",\n  \"emojiPreviewModal_emoji_icon\": \"LBUym\",\n  \"emojiPreviewModal_emoji_group\": \"p15yM\",\n  \"emojiPreviewModal_emoji\": \"MSWqA\",\n  \"emojiPreviewModal_headerTitle\": \"_2ZvJB\",\n  \"emojiPreviewModal_emojis_groups_container\": \"y3FEC\",\n  \"emojiPreviewModal_JoyPixelsIcon\": \"ue2hg\",\n  \"emojiPreviewModal_scrollbar_thumb\": \"wpEiM\"\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": "z1O2Q",
+  "caption": "YHaQA",
+  "withCaptionTrigger": "R6hTu"
 };
 //# 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\": \"z1O2Q\",\n  \"caption\": \"YHaQA\",\n  \"withCaptionTrigger\": \"R6hTu\"\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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,wBAAuB;AACvB,mBAAuD;AAEvD,qBAA8B;AAC9B,2BAAoC;AACpC,2BAA6E;AAG7E,yBAA0B;AAE1B,wBAAwB;AACxB,0BAAoB;AACpB,mCAAwC;AAEjC,MAAM,UAAiC,CAAC,EAAE,iBAAiB,QAAQ,KAAK,MAAM;AACnF,QAAM,EAAE,kBAAkB,QAAI,yBAAW,kCAAa;AACtD,QAAM,oBAAgB,yBAAW,yCAAoB;AACrD,QAAM,oBAAgB,8CAAwB;AAC9C,QAAM,CAAC,eAAe,gBAAgB,QAAI;AAAA,IACxC,MAAM,kBAAkB,EAAE,aAAa,EAAE;AAAA,EAC3C;AACA,QAAM,iBAAiB,OAAO,KAAK,cAAc,0CAAqB;AAAA,IACpE,IAAI,KAAK,MAAM;AAAA,EACjB,CAAC;AACD,QAAM,iBAAa,8BAAc;AACjC,MAAI,CAAC,gBAAgB,QAAQ,MAAM;AACjC,WAAO;AAAA,EACT;AACA,QAAM,kBAAkB,WAAW,WAAW,gBAAgB,QAAQ,KAAK,OAAO,CAAC;AAEnF,QAAM,WAAW,cAAc,gBAAgB,OAAO;AACtD,QAAM,uBAAmB,sDAAwB,EAAE,QAAQ,QAAQ,KAAK,MAAM,GAAG,CAAC;AAElF,QAAM,oBAAoB,cAAc;AAAA,IACtC,kBAAgB,aAAa,MAAM,OAAO,KAAK,OAAO;AAAA,EACxD;AACA,QAAM,mBAAmB,cAAc;AAAA,IACrC,kBAAgB,aAAa,MAAM,OAAO,iBAAiB;AAAA,EAC7D;AAEA,8BAAU,MAAM;AACd,QAAI,KAAK,QAAQ,YAAY,QAAQ,qBAAqB,kBAAkB;AAC1E;AAAA,IACF;AACA,mBAAe,yBAAyB,EAAE,QAAQ,KAAK,MAAM,GAAG,CAAC;AAAA,EACnE,GAAG,CAAC,mBAAmB,gBAAgB,CAAC;AAExC,8BAAU,MAAM;AACd,UAAM,oBAAoB,MAAM;AAC9B,uBAAiB,kBAAkB,EAAE,aAAa,EAAE,aAAa;AAAA,IACnE;AAEA,WAAO,GAAG,mBAAmB,iBAAiB;AAE9C,WAAO,MAAM;AACX,aAAO,IAAI,mBAAmB,iBAAiB;AAAA,IACjD;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,cAAc,qBAAqB,iBAAiB,SAAS,6BAAU,SAAS;AAEtF,SAAO,qBAAqB,oBAAoB,CAAC,CAAC,KAAK,QAAQ,YAAY,OACzE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,eAAW,kBAAAC,SAAW,oBAAAC,QAAQ,SAAS,kBAAkB;AAAA,QACvD,CAAC,oBAAAA,QAAQ,kBAAkB,GAAG;AAAA,MAChC,CAAC;AAAA;AAAA,IAEA,cACC,6BAAAF,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,iBAAiB,aAAW;AAC1B,cAAI,CAAC,gBAAgB;AACnB;AAAA,UACF;AACA,gBAAM,EAAE,MAAM,IAAI;AAClB,gBAAM,EAAE,GAAG,IAAI,OAAO;AAEtB,aAAG,WAAW,SAAS,MAAM,MAAM,MAAM,EAAE;AAC3C,iBAAO,KAAK,SAAS,EAAE;AAAA,QACzB;AAAA;AAAA,IACF,IACE;AAAA,IACJ,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAI;AAAA,QACJ,aAAW;AAAA,QACX,IAAG;AAAA,QACH,OAAO;AAAA,UACL,OAAO;AAAA,UACP,UAAU;AAAA,UACV,YAAY,KAAK,OAAO,WAAW;AAAA,UACnC,WAAW,KAAK,OAAO,WAAW;AAAA,UAClC,YAAY,KAAK,OAAO,OAAO,cAAc,KAAK,OAAO,eAAe;AAAA,UACxE,eACE,KAAK,OAAO,OAAO,iBAAiB,KAAK,OAAO,eAAe;AAAA,QACnE;AAAA;AAAA,IACF;AAAA,EACF,IACE;AACN;",
-  "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": "oMnyz"
 };
 //# 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\": \"oMnyz\"\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();
                   }
                 });

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-figure/tiptap/figure-tiptap-extension.ts"],
-  "sourcesContent": ["import { findParentNodeClosestToPos, isMacOS } from '@tiptap/core';\nimport type { Node as PmNode, ResolvedPos } from '@tiptap/pm/model';\nimport { NodeSelection, TextSelection } from '@tiptap/pm/state';\nimport type { EditorView } from '@tiptap/pm/view';\n\nimport { TIPTAP_CAPTION_TYPE, TIPTAP_FIGURE_TYPE, TIPTAP_IMAGE_TYPE } from './../../ricos-content';\nimport type { ExtensionProps, NodeConfig, RicosExtension, RicosServices } from './../../ricos-types';\nimport { createRicosNodeExtension } from './../../plugin-commons';\n\nimport { Figure } from './figure';\n\nexport const figureTiptapExtension = createRicosNodeExtension({\n  type: 'react-node',\n  name: TIPTAP_FIGURE_TYPE,\n  groups: ['custom-styles'],\n  reconfigure: (\n    config: NodeConfig,\n    _extensions: RicosExtension[],\n    _props: ExtensionProps,\n    settings: Record<string, unknown>,\n    services: RicosServices\n  ) => ({\n    ...config,\n    addOptions: () => ({\n      services,\n      ...settings,\n    }),\n  }),\n  Component: Figure,\n  renderingOptions: {\n    onDragStart({ editor, dragHandle, event }) {\n      const target = event.target as HTMLElement;\n      if (!this.dom || this.contentDOM?.contains(target) || !dragHandle) {\n        event.stopPropagation();\n        return;\n      }\n      if (this.dom === dragHandle) {\n        event.dataTransfer?.setDragImage(this.dom, 0, 0);\n      } else {\n        const domBox = this.dom.getBoundingClientRect();\n        const handleBox = dragHandle.getBoundingClientRect();\n        const nativeEvent = 'nativeEvent' in event ? event.nativeEvent : event;\n        const x = handleBox.x - domBox.x + nativeEvent.offsetX;\n        const y = handleBox.y - domBox.y + nativeEvent.offsetY;\n        event.dataTransfer?.setDragImage(this.dom, x, y);\n      }\n      const selection = NodeSelection.create(editor.view.state.doc, this.getPos() - 1);\n      const transaction = editor.view.state.tr.setSelection(selection);\n\n      editor.view.dispatch(transaction);\n    },\n  },\n  createExtensionConfig({ Plugin, PluginKey }) {\n    return {\n      name: this.name,\n      group: 'block',\n      selectable: true,\n      draggable: false,\n      content: `${TIPTAP_IMAGE_TYPE} ${TIPTAP_CAPTION_TYPE}`,\n      priority: 101,\n\n      parseHTML() {\n        return [\n          {\n            tag: 'figure',\n          },\n        ];\n      },\n\n      renderHTML({ HTMLAttributes }) {\n        return ['figure', HTMLAttributes, 0];\n      },\n\n      addProseMirrorPlugins() {\n        return [\n          new Plugin({\n            key: new PluginKey('remove-invalid-figures'),\n            appendTransaction(transactions, oldState, newState) {\n              const docChanged =\n                transactions.some(transaction => transaction.docChanged) &&\n                !oldState.doc.eq(newState.doc);\n\n              if (!docChanged) {\n                return;\n              }\n\n              const tr = newState.tr;\n              tr.doc.descendants((node, pos) => {\n                if (\n                  node.type.name === TIPTAP_FIGURE_TYPE &&\n                  node.firstChild?.attrs.id === null &&\n                  !node.firstChild?.attrs.loading\n                ) {\n                  tr.delete(pos, pos + node.nodeSize);\n                  tr.setMeta('remove-invalid-figure', true);\n                }\n              });\n\n              return tr;\n            },\n          }),\n          new Plugin({\n            key: new PluginKey('figure-selection-listener'),\n            // modifies selection to select whole figure when selection includes caption and any other node\n            appendTransaction(_, __, newState) {\n              const { tr, selection } = newState;\n              const { $anchor, $head } = selection;\n\n              if (\n                !(selection instanceof TextSelection) ||\n                selection.$anchor.node().attrs.id === selection.$head.node().attrs.id ||\n                selection.anchor === selection.head\n              ) {\n                return undefined;\n              }\n\n              const isAnchorCaption = $anchor.node().type.name === TIPTAP_CAPTION_TYPE;\n              const isHeadCaption = $head.node().type.name === TIPTAP_CAPTION_TYPE;\n\n              if (isAnchorCaption || isHeadCaption) {\n                const $anchor = selection.$anchor;\n                const $head = selection.$head;\n\n                // Case 1: Text node above -> Caption,  change head to select caption end\n                if (isHeadCaption && !isAnchorCaption && selection.head === selection.to) {\n                  return tr.setSelection(\n                    TextSelection.create(tr.doc, $anchor.pos, $head.end() + 2)\n                  );\n                }\n\n                // Case 2: Text node below -> Caption,  change head to select whole figure\n                if (isHeadCaption && !isAnchorCaption && selection.from === selection.head) {\n                  return tr.setSelection(\n                    TextSelection.create(tr.doc, $anchor.pos, $head.before() - 2)\n                  );\n                }\n\n                // Case 3: Caption -> Text node above, change anchor to select caption end\n                if (isAnchorCaption && !isHeadCaption && $anchor.pos > $head.pos) {\n                  return tr.setSelection(\n                    TextSelection.create(tr.doc, $anchor.end() + 2, $head.pos)\n                  );\n                }\n\n                // Case 4: Caption -> Text node below, change anchor to select whole figure\n                if (isAnchorCaption && !isHeadCaption && $anchor.pos < $head.pos) {\n                  return tr.setSelection(\n                    TextSelection.create(tr.doc, $anchor.start() - 3, $head.pos)\n                  );\n                }\n              }\n\n              return undefined;\n            },\n            props: {\n              handleKeyDown(view, event) {\n                const code = event.keyCode;\n                const mods = getMods(event);\n\n                const backSpace = code === 8;\n                const arrowLeft = code === 37;\n                const arrowUp = code === 38;\n                const ctrlP = isMacOS() && code === 80 && mods === 'c'; // works like ArrowUp\n\n                if (view.state.selection.content().size > 2) {\n                  return;\n                }\n\n                if (backSpace || arrowLeft || arrowUp || ctrlP) {\n                  const checkEndOfTextBlock = backSpace || arrowLeft;\n                  const { node, pos } = findSelectableNodeBackward(view, checkEndOfTextBlock) || {};\n\n                  if (\n                    node?.type.name === TIPTAP_FIGURE_TYPE &&\n                    node?.lastChild?.textContent === '' &&\n                    pos !== undefined\n                  ) {\n                    view.dispatch(\n                      view.state.tr\n                        .setSelection(NodeSelection.create(view.state.doc, pos + 1))\n                        .scrollIntoView()\n                    );\n                    return true;\n                  }\n                }\n\n                if (\n                  (arrowUp || ctrlP) &&\n                  view.state.selection.$anchor.node().type.name === TIPTAP_CAPTION_TYPE\n                ) {\n                  const parent = findParentNodeClosestToPos(\n                    view.state.selection.$anchor,\n                    node => node?.type?.name === TIPTAP_FIGURE_TYPE\n                  );\n\n                  if (!parent) {\n                    return;\n                  }\n\n                  view.dispatch(\n                    view.state.tr\n                      .setSelection(NodeSelection.create(view.state.doc, parent.pos + 1))\n                      .scrollIntoView()\n                  );\n                  return true;\n                }\n\n                if (\n                  backSpace &&\n                  view.state.selection.$anchor.node().type.name === TIPTAP_CAPTION_TYPE &&\n                  view.state.selection.empty &&\n                  view.state.selection.$anchor.pos === view.state.selection.$anchor.start()\n                ) {\n                  const parent = findParentNodeClosestToPos(\n                    view.state.selection.$anchor,\n                    node => node?.type?.name === TIPTAP_FIGURE_TYPE\n                  );\n\n                  if (!parent) {\n                    return;\n                  }\n\n                  view.dispatch(\n                    view.state.tr\n                      .setSelection(NodeSelection.create(view.state.doc, parent.pos + 1))\n                      .scrollIntoView()\n                  );\n                  return true;\n                }\n              },\n            },\n          }),\n          new Plugin({\n            key: new PluginKey('figure-handle-paste'),\n            props: {\n              transformPastedHTML(html) {\n                if (!html.includes('<figure')) {\n                  return html;\n                }\n                const newHtml = document.createElement('div');\n                newHtml.innerHTML = html;\n                newHtml.querySelectorAll('figure').forEach(figure => {\n                  const img = figure.querySelector('image-component');\n                  if (!img) {\n                    figure.remove();\n                  }\n                });\n                return newHtml.innerHTML;\n              },\n            },\n          }),\n          new Plugin({\n            // hack for mobile web\n            key: new PluginKey('figure-mobile-selection-fixer'),\n            props: {\n              createSelectionBetween(view, anchor, head) {\n                try {\n                  const anchorNode = view.state.doc.resolve(anchor.pos).node();\n                  const headNode = view.state.doc.resolve(head.pos).node();\n                  if (\n                    anchor.pos === head.pos - 1 &&\n                    anchorNode.type.name === 'FIGURE' &&\n                    headNode.type.name === 'FIGURE'\n                  ) {\n                    return NodeSelection.create(view.state.doc, anchor.pos);\n                  }\n                } catch (e) {\n                  console.error(e);\n                  return null;\n                }\n                return null;\n              },\n            },\n          }),\n        ];\n      },\n    };\n  },\n});\n\nfunction getMods(event: KeyboardEvent) {\n  let result = '';\n  if (event.ctrlKey) result += 'c';\n  if (event.metaKey) result += 'm';\n  if (event.altKey) result += 'a';\n  if (event.shiftKey) result += 's';\n  return result;\n}\n\nconst findSelectableNodeBackward = (\n  view: EditorView,\n  checkEndOfTextBlock: boolean\n): { node: PmNode; pos: number } | null => {\n  const { $head } = view.state.selection;\n  let $cut: ResolvedPos | null = $head;\n\n  if ($head.parent.isTextblock) {\n    if (checkEndOfTextBlock && !view.endOfTextblock('backward', view.state)) {\n      return null;\n    }\n    $cut = findCutBefore($head);\n  }\n  const node = $cut ? $cut.nodeBefore : null;\n  if (!node || !NodeSelection.isSelectable(node)) {\n    return null;\n  }\n  return { node, pos: $cut!.pos - node.nodeSize };\n};\n\n// copied from https://github.com/ProseMirror/prosemirror-commands/blob/54e2c94f6897c15c6dcb2b873ff18f62bff8a127/src/commands.ts#L153\nconst findCutBefore = ($pos: ResolvedPos): ResolvedPos | null => {\n  if (!$pos.parent.type.spec.isolating)\n    for (let i = $pos.depth - 1; i >= 0; i--) {\n      if ($pos.index(i) > 0) return $pos.doc.resolve($pos.before(i + 1));\n      if ($pos.node(i).type.spec.isolating) break;\n    }\n  return null;\n};\n"],
-  "mappings": "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",
-  "names": ["$anchor", "$head"]
+  "sourcesContent": ["import { findParentNodeClosestToPos, isMacOS } from '@tiptap/core';\nimport type { Node as PmNode, ResolvedPos } from '@tiptap/pm/model';\nimport { Fragment, Slice } from '@tiptap/pm/model';\nimport { NodeSelection, TextSelection } from '@tiptap/pm/state';\nimport type { EditorView } from '@tiptap/pm/view';\n\nimport { TIPTAP_CAPTION_TYPE, TIPTAP_FIGURE_TYPE } from './../../ricos-content';\nimport type { ExtensionProps, NodeConfig, RicosExtension, RicosServices } from './../../ricos-types';\nimport { createRicosNodeExtension } from './../../plugin-commons';\nimport { findNodeById } from './../../tiptap-editor/helpers';\n\nimport generalStyles from '../../editor-common/statics/styles/general-scss';\nimport { Figure } from './figure';\n\nexport const figureTiptapExtension = createRicosNodeExtension({\n  type: 'react-node',\n  name: TIPTAP_FIGURE_TYPE,\n  groups: ['custom-styles'],\n  reconfigure: (\n    config: NodeConfig,\n    _extensions: RicosExtension[],\n    _props: ExtensionProps,\n    settings: Record<string, unknown>,\n    services: RicosServices\n  ) => ({\n    ...config,\n    addOptions: () => ({\n      services,\n      ...settings,\n    }),\n  }),\n  Component: Figure,\n  renderingOptions: {\n    onDragStart({ editor, dragHandle, event }) {\n      if (!this.dom || !dragHandle) {\n        return;\n      }\n      if (this.dom === dragHandle) {\n        event.dataTransfer?.setDragImage(this.dom, 0, 0);\n      } else {\n        const figure = this.dom.querySelector('figure');\n        if (!figure) {\n          console.error('figure element not found');\n          return;\n        }\n        const domBox = figure.getBoundingClientRect();\n        const handleBox = dragHandle.getBoundingClientRect();\n        const nativeEvent = 'nativeEvent' in event ? event.nativeEvent : event;\n        const x = handleBox.x - domBox.x + nativeEvent.offsetX;\n        const y = handleBox.y - domBox.y + nativeEvent.offsetY;\n        figure?.classList.add(generalStyles.dragImageView);\n        event.dataTransfer?.setDragImage(figure, x, y);\n        setTimeout(() => {\n          figure?.classList.remove(generalStyles.dragImageView);\n        }, 0);\n      }\n      const selection = NodeSelection.create(editor.view.state.tr.doc, this.getPos());\n      const transaction = editor.view.state.tr.setSelection(selection);\n\n      editor.view.dispatch(transaction);\n    },\n  },\n  createExtensionConfig({ Plugin, PluginKey }) {\n    return {\n      name: this.name,\n      group: 'block',\n      selectable: true,\n      draggable: true,\n      content: 'figure CAPTION',\n      priority: 101,\n\n      parseHTML() {\n        return [\n          {\n            tag: 'figure',\n          },\n        ];\n      },\n\n      renderHTML({ HTMLAttributes }) {\n        return ['figure', HTMLAttributes, 0];\n      },\n\n      addProseMirrorPlugins() {\n        return [\n          new Plugin({\n            key: new PluginKey('remove-invalid-figures'),\n            appendTransaction(transactions, oldState, newState) {\n              const docChanged =\n                transactions.some(transaction => transaction.docChanged) &&\n                !oldState.doc.eq(newState.doc);\n\n              if (!docChanged) {\n                return;\n              }\n\n              const tr = newState.tr;\n              tr.doc.descendants((node, pos) => {\n                if (\n                  node.type.name === TIPTAP_FIGURE_TYPE &&\n                  node.firstChild?.attrs.id === null &&\n                  !node.firstChild?.attrs.loading\n                ) {\n                  tr.delete(pos, pos + node.nodeSize);\n                  tr.setMeta('remove-invalid-figure', true);\n                }\n              });\n\n              return tr;\n            },\n          }),\n          new Plugin({\n            key: new PluginKey('figure-selection-listener'),\n            // modifies selection to select whole figure when selection includes caption and any other node\n            appendTransaction(_, __, newState) {\n              const { tr, selection } = newState;\n              const { $anchor, $head } = selection;\n\n              if (\n                !(selection instanceof TextSelection) ||\n                selection.$anchor.node().attrs.id === selection.$head.node().attrs.id ||\n                selection.anchor === selection.head\n              ) {\n                return undefined;\n              }\n\n              const isAnchorCaption = $anchor.node().type.name === TIPTAP_CAPTION_TYPE;\n              const isHeadCaption = $head.node().type.name === TIPTAP_CAPTION_TYPE;\n\n              if (isAnchorCaption || isHeadCaption) {\n                const $anchor = selection.$anchor;\n                const $head = selection.$head;\n\n                // Case 1: Text node above -> Caption,  change head to select caption end\n                if (isHeadCaption && !isAnchorCaption && selection.head === selection.to) {\n                  return tr.setSelection(\n                    TextSelection.create(tr.doc, $anchor.pos, $head.end() + 2)\n                  );\n                }\n\n                // Case 2: Text node below -> Caption,  change head to select whole figure\n                if (isHeadCaption && !isAnchorCaption && selection.from === selection.head) {\n                  return tr.setSelection(\n                    TextSelection.create(tr.doc, $anchor.pos, $head.before() - 2)\n                  );\n                }\n\n                // Case 3: Caption -> Text node above, change anchor to select caption end\n                if (isAnchorCaption && !isHeadCaption && $anchor.pos > $head.pos) {\n                  return tr.setSelection(\n                    TextSelection.create(tr.doc, $anchor.end() + 2, $head.pos)\n                  );\n                }\n\n                // Case 4: Caption -> Text node below, change anchor to select whole figure\n                if (isAnchorCaption && !isHeadCaption && $anchor.pos < $head.pos) {\n                  return tr.setSelection(\n                    TextSelection.create(tr.doc, $anchor.start() - 3, $head.pos)\n                  );\n                }\n              }\n\n              return undefined;\n            },\n            props: {\n              handleKeyDown(view, event) {\n                const code = event.keyCode;\n                const mods = getMods(event);\n\n                const backSpace = code === 8;\n                const arrowLeft = code === 37;\n                const arrowUp = code === 38;\n                const ctrlP = isMacOS() && code === 80 && mods === 'c'; // works like ArrowUp\n\n                if (view.state.selection.content().size > 2) {\n                  return;\n                }\n\n                if (backSpace || arrowLeft || arrowUp || ctrlP) {\n                  const checkEndOfTextBlock = backSpace || arrowLeft;\n                  const { node, pos } = findSelectableNodeBackward(view, checkEndOfTextBlock) || {};\n\n                  if (\n                    node?.type.name === TIPTAP_FIGURE_TYPE &&\n                    node?.lastChild?.textContent === '' &&\n                    pos !== undefined\n                  ) {\n                    view.dispatch(\n                      view.state.tr\n                        .setSelection(NodeSelection.create(view.state.doc, pos + 1))\n                        .scrollIntoView()\n                    );\n                    return true;\n                  }\n                }\n\n                if (\n                  (arrowUp || ctrlP) &&\n                  view.state.selection.$anchor.node().type.name === TIPTAP_CAPTION_TYPE\n                ) {\n                  const parent = findParentNodeClosestToPos(\n                    view.state.selection.$anchor,\n                    node => node?.type?.name === TIPTAP_FIGURE_TYPE\n                  );\n\n                  if (!parent) {\n                    return;\n                  }\n\n                  view.dispatch(\n                    view.state.tr\n                      .setSelection(NodeSelection.create(view.state.doc, parent.pos + 1))\n                      .scrollIntoView()\n                  );\n                  return true;\n                }\n\n                if (\n                  backSpace &&\n                  view.state.selection.$anchor.node().type.name === TIPTAP_CAPTION_TYPE &&\n                  view.state.selection.empty &&\n                  view.state.selection.$anchor.pos === view.state.selection.$anchor.start()\n                ) {\n                  const parent = findParentNodeClosestToPos(\n                    view.state.selection.$anchor,\n                    node => node?.type?.name === TIPTAP_FIGURE_TYPE\n                  );\n\n                  if (!parent) {\n                    return;\n                  }\n\n                  view.dispatch(\n                    view.state.tr\n                      .setSelection(NodeSelection.create(view.state.doc, parent.pos + 1))\n                      .scrollIntoView()\n                  );\n                  return true;\n                }\n              },\n            },\n          }),\n          new Plugin({\n            key: new PluginKey('figure-handle-paste'),\n            props: {\n              transformCopied: (slice, { state }) => {\n                const node = slice.content.firstChild;\n                if (slice.content.size === 1 && node?.type.spec.group?.includes('figure')) {\n                  const childPos = findNodeById(state.tr, node.attrs.id)[0]?.pos;\n                  const figureNode = state.doc.resolve(childPos).parent;\n                  const newSlice = new Slice(\n                    Fragment.from(figureNode),\n                    slice.openStart,\n                    slice.openEnd\n                  );\n\n                  return newSlice;\n                }\n\n                return slice;\n              },\n              transformPastedHTML(html) {\n                // this is a quick fix for pasting images which are copied from editor\n                if (!html.includes('<figure')) {\n                  return html;\n                }\n                const newHtml = document.createElement('div');\n                newHtml.innerHTML = html;\n                newHtml.querySelectorAll('figure').forEach(figure => {\n                  const child = figure.querySelector('image-component, video-component');\n                  if (!child) {\n                    figure.remove();\n                  }\n                });\n                return newHtml.innerHTML;\n              },\n            },\n          }),\n          new Plugin({\n            // hack for mobile web\n            key: new PluginKey('figure-mobile-selection-fixer'),\n            props: {\n              createSelectionBetween(view, anchor, head) {\n                try {\n                  const anchorNode = view.state.doc.resolve(anchor.pos).node();\n                  const headNode = view.state.doc.resolve(head.pos).node();\n                  if (\n                    anchor.pos === head.pos - 1 &&\n                    anchorNode.type.name === 'FIGURE' &&\n                    headNode.type.name === 'FIGURE'\n                  ) {\n                    return NodeSelection.create(view.state.doc, anchor.pos);\n                  }\n                } catch (e) {\n                  console.error(e);\n                  return null;\n                }\n                return null;\n              },\n            },\n          }),\n        ];\n      },\n    };\n  },\n});\n\nfunction getMods(event: KeyboardEvent) {\n  let result = '';\n  if (event.ctrlKey) result += 'c';\n  if (event.metaKey) result += 'm';\n  if (event.altKey) result += 'a';\n  if (event.shiftKey) result += 's';\n  return result;\n}\n\nconst findSelectableNodeBackward = (\n  view: EditorView,\n  checkEndOfTextBlock: boolean\n): { node: PmNode; pos: number } | null => {\n  const { $head } = view.state.selection;\n  let $cut: ResolvedPos | null = $head;\n\n  if ($head.parent.isTextblock) {\n    if (checkEndOfTextBlock && !view.endOfTextblock('backward', view.state)) {\n      return null;\n    }\n    $cut = findCutBefore($head);\n  }\n  const node = $cut ? $cut.nodeBefore : null;\n  if (!node || !NodeSelection.isSelectable(node)) {\n    return null;\n  }\n  return { node, pos: $cut!.pos - node.nodeSize };\n};\n\n// copied from https://github.com/ProseMirror/prosemirror-commands/blob/54e2c94f6897c15c6dcb2b873ff18f62bff8a127/src/commands.ts#L153\nconst findCutBefore = ($pos: ResolvedPos): ResolvedPos | null => {\n  if (!$pos.parent.type.spec.isolating)\n    for (let i = $pos.depth - 1; i >= 0; i--) {\n      if ($pos.index(i) > 0) return $pos.doc.resolve($pos.before(i + 1));\n      if ($pos.node(i).type.spec.isolating) break;\n    }\n  return null;\n};\n"],
+  "mappings": "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",
+  "names": ["generalStyles", "$anchor", "$head"]
 }

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

@@ -30,32 +30,49 @@ __export(figure_exports, {
   Figure: () => Figure
 });
 module.exports = __toCommonJS(figure_exports);
+var import_lodash = require("lodash");
 var import_react = __toESM(require("react"));
 var import_context = require("./../../pm-converters/context");
 var import_ricos_context = require("./../../ricos-context");
-var import_class_name_strategies = require("./class-name-strategies");
+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_classnames = __toESM(require("classnames"));
 var import_figure_scss = __toESM(require("./figure-scss"));
+const stylesWithRTL = { ...import_general_scss.default, ...import_general.default };
 const Figure = ({ NodeViewContent, ...props }) => {
   const { isMobile } = (0, import_react.useContext)(import_ricos_context.RicosContext);
   const converters = (0, import_context.useConverters)();
   const ricosNode = converters.fromPmNode(props.node.toJSON());
-  const width = getContainerWidth(ricosNode.imageData, isMobile);
-  const containerClasses = (0, import_class_name_strategies.useRootNodeContainerClasses)(ricosNode.imageData?.containerData);
+  if (!ricosNode) {
+    return null;
+  }
+  const dataProperty = `${(0, import_lodash.camelCase)(ricosNode.type)}Data`;
+  const componentData = ricosNode[dataProperty] || {};
+  const width = getContainerWidth(componentData, isMobile);
   return /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
       style: { width: width ? `min(100%, ${width}px)` : void 0 },
-      className: containerClasses
+      className: getContainerClasses(componentData.containerData)
     },
     /* @__PURE__ */ import_react.default.createElement(NodeViewContent, { as: "figure", className: import_figure_scss.default.figure })
   );
 };
-const getContainerWidth = (imageData, isMobile) => {
-  const disableCustomWidthMapper = imageData?.image?.width && isMobile && (Number(imageData?.containerData?.width?.custom) || 0) > 150;
+const getContainerWidth = (nodeData, isMobile) => {
+  const disableCustomWidthMapper = nodeData?.image?.width && isMobile && (Number(nodeData?.containerData?.width?.custom) || 0) > 150;
   const disableCustomWidth = disableCustomWidthMapper ?? false;
-  const customWidth = !disableCustomWidth ? imageData?.containerData?.width?.custom : void 0;
-  const originalWidth = imageData?.containerData?.width?.size === "ORIGINAL" || disableCustomWidth ? imageData?.image?.width : void 0;
+  const customWidth = !disableCustomWidth ? nodeData?.containerData?.width?.custom : void 0;
+  const originalWidth = nodeData?.containerData?.width?.size === "ORIGINAL" || disableCustomWidth ? nodeData?.image?.width : void 0;
   const width = customWidth || originalWidth;
   return width;
 };
+const getContainerClasses = (containerData) => {
+  const alignment = containerData?.alignment;
+  const alignmentClassName = alignment ? stylesWithRTL[`align${(0, import_lodash.upperFirst)(alignment.toLowerCase())}`] : void 0;
+  const size = containerData?.width?.size;
+  const sizeClassName = size && size !== "FULL_WIDTH" ? stylesWithRTL[`size${(0, import_lodash.upperFirst)(size.toLowerCase())}`] : void 0;
+  const textWrap = containerData?.textWrap;
+  const textWrapClassName = textWrap ? void 0 : stylesWithRTL.textWrapNowrap;
+  return (0, import_classnames.default)(alignmentClassName, sizeClassName, textWrapClassName);
+};
 //# sourceMappingURL=figure.js.map