@wix/ricos 10.110.0 → 10.112.0

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

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-figure/tiptap/figure.tsx"],
-  "sourcesContent": ["import React, { useContext } from 'react';\n\nimport { useConverters } from './../../pm-converters/context';\nimport { RicosContext } from './../../ricos-context';\nimport type { ImageData } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport type { ImageNode, PluginProps } from './../../ricos-types';\n\nimport { useRootNodeContainerClasses } from './class-name-strategies';\nimport classes from './figure-scss';\n\nexport const Figure: React.FC<PluginProps> = ({ NodeViewContent, ...props }) => {\n  const { isMobile } = useContext(RicosContext);\n  const converters = useConverters();\n\n  const ricosNode = converters.fromPmNode(props.node.toJSON()) as ImageNode;\n  const width = getContainerWidth(ricosNode.imageData, isMobile);\n  const containerClasses = useRootNodeContainerClasses(ricosNode.imageData?.containerData);\n\n  return (\n    <div\n      style={{ width: width ? `min(100%, ${width}px)` : undefined }}\n      className={containerClasses}\n    >\n      <NodeViewContent as=\"figure\" className={classes.figure} />\n    </div>\n  );\n};\n\nconst getContainerWidth = (imageData: ImageData | undefined, isMobile: boolean) => {\n  const disableCustomWidthMapper =\n    imageData?.image?.width &&\n    isMobile &&\n    (Number(imageData?.containerData?.width?.custom) || 0) > 150;\n\n  const disableCustomWidth = disableCustomWidthMapper ?? false;\n\n  const customWidth = !disableCustomWidth ? imageData?.containerData?.width?.custom : undefined;\n  const originalWidth =\n    imageData?.containerData?.width?.size === 'ORIGINAL' || disableCustomWidth\n      ? imageData?.image?.width\n      : undefined;\n  const width = customWidth || originalWidth;\n  return width;\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAElC,qBAA8B;AAC9B,2BAA6B;AAI7B,mCAA4C;AAC5C,yBAAoB;AAEb,MAAM,SAAgC,CAAC,EAAE,iBAAiB,GAAG,MAAM,MAAM;AAC9E,QAAM,EAAE,SAAS,QAAI,yBAAW,iCAAY;AAC5C,QAAM,iBAAa,8BAAc;AAEjC,QAAM,YAAY,WAAW,WAAW,MAAM,KAAK,OAAO,CAAC;AAC3D,QAAM,QAAQ,kBAAkB,UAAU,WAAW,QAAQ;AAC7D,QAAM,uBAAmB,0DAA4B,UAAU,WAAW,aAAa;AAEvF,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,OAAO,QAAQ,aAAa,KAAK,QAAQ,OAAU;AAAA,MAC5D,WAAW;AAAA;AAAA,IAEX,6BAAAA,QAAA,cAAC,mBAAgB,IAAG,UAAS,WAAW,mBAAAC,QAAQ,QAAQ;AAAA,EAC1D;AAEJ;AAEA,MAAM,oBAAoB,CAAC,WAAkC,aAAsB;AACjF,QAAM,2BACJ,WAAW,OAAO,SAClB,aACC,OAAO,WAAW,eAAe,OAAO,MAAM,KAAK,KAAK;AAE3D,QAAM,qBAAqB,4BAA4B;AAEvD,QAAM,cAAc,CAAC,qBAAqB,WAAW,eAAe,OAAO,SAAS;AACpF,QAAM,gBACJ,WAAW,eAAe,OAAO,SAAS,cAAc,qBACpD,WAAW,OAAO,QAClB;AACN,QAAM,QAAQ,eAAe;AAC7B,SAAO;AACT;",
-  "names": ["React", "classes"]
+  "sourcesContent": ["import { camelCase, upperFirst } from 'lodash';\nimport React, { useContext } from 'react';\n\nimport { useConverters } from './../../pm-converters/context';\nimport { RicosContext } from './../../ricos-context';\nimport type { ImageData, PluginContainerData } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport type { PluginProps } 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';\n\nconst stylesWithRTL = { ...generalStyles, ...generalRTLIgnoredStyles };\n\nimport classNames from 'classnames';\n\nimport classes from './figure-scss';\n\ntype NodeData = { containerData: PluginContainerData; image: ImageData['image'] };\n\nexport const Figure: React.FC<PluginProps> = ({ NodeViewContent, ...props }) => {\n  const { isMobile } = useContext(RicosContext);\n  const converters = useConverters();\n  const ricosNode = converters.fromPmNode(props.node.toJSON());\n  if (!ricosNode) {\n    return null;\n  }\n  const dataProperty = `${camelCase(ricosNode.type)}Data`;\n  const componentData = (ricosNode[dataProperty] || {}) as NodeData;\n\n  const width = getContainerWidth(componentData, isMobile);\n\n  return (\n    <div\n      style={{ width: width ? `min(100%, ${width}px)` : undefined }}\n      className={getContainerClasses(componentData.containerData)}\n    >\n      <NodeViewContent as=\"figure\" className={classes.figure} />\n    </div>\n  );\n};\n\nconst getContainerWidth = (nodeData: NodeData, isMobile: boolean) => {\n  const disableCustomWidthMapper =\n    nodeData?.image?.width &&\n    isMobile &&\n    (Number(nodeData?.containerData?.width?.custom) || 0) > 150;\n\n  const disableCustomWidth = disableCustomWidthMapper ?? false;\n\n  const customWidth = !disableCustomWidth ? nodeData?.containerData?.width?.custom : undefined;\n  const originalWidth =\n    nodeData?.containerData?.width?.size === 'ORIGINAL' || disableCustomWidth\n      ? nodeData?.image?.width\n      : undefined;\n  const width = customWidth || originalWidth;\n  return width;\n};\n\nconst getContainerClasses = (containerData?: PluginContainerData) => {\n  const alignment = containerData?.alignment;\n  const alignmentClassName = alignment\n    ? stylesWithRTL[`align${upperFirst(alignment.toLowerCase())}`]\n    : undefined;\n\n  const size = containerData?.width?.size;\n  const sizeClassName =\n    size && size !== 'FULL_WIDTH'\n      ? stylesWithRTL[`size${upperFirst(size.toLowerCase())}`]\n      : undefined;\n\n  const textWrap = containerData?.textWrap;\n  const textWrapClassName = textWrap ? undefined : stylesWithRTL.textWrapNowrap;\n\n  return classNames(alignmentClassName, sizeClassName, textWrapClassName);\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAsC;AACtC,mBAAkC;AAElC,qBAA8B;AAC9B,2BAA6B;AAI7B,0BAA0B;AAC1B,qBAAoC;AAIpC,wBAAuB;AAEvB,yBAAoB;AAJpB,MAAM,gBAAgB,EAAE,GAAG,oBAAAA,SAAe,GAAG,eAAAC,QAAwB;AAQ9D,MAAM,SAAgC,CAAC,EAAE,iBAAiB,GAAG,MAAM,MAAM;AAC9E,QAAM,EAAE,SAAS,QAAI,yBAAW,iCAAY;AAC5C,QAAM,iBAAa,8BAAc;AACjC,QAAM,YAAY,WAAW,WAAW,MAAM,KAAK,OAAO,CAAC;AAC3D,MAAI,CAAC,WAAW;AACd,WAAO;AAAA,EACT;AACA,QAAM,eAAe,OAAG,yBAAU,UAAU,IAAI,CAAC;AACjD,QAAM,gBAAiB,UAAU,YAAY,KAAK,CAAC;AAEnD,QAAM,QAAQ,kBAAkB,eAAe,QAAQ;AAEvD,SACE,6BAAAC,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,OAAO,QAAQ,aAAa,KAAK,QAAQ,OAAU;AAAA,MAC5D,WAAW,oBAAoB,cAAc,aAAa;AAAA;AAAA,IAE1D,6BAAAA,QAAA,cAAC,mBAAgB,IAAG,UAAS,WAAW,mBAAAC,QAAQ,QAAQ;AAAA,EAC1D;AAEJ;AAEA,MAAM,oBAAoB,CAAC,UAAoB,aAAsB;AACnE,QAAM,2BACJ,UAAU,OAAO,SACjB,aACC,OAAO,UAAU,eAAe,OAAO,MAAM,KAAK,KAAK;AAE1D,QAAM,qBAAqB,4BAA4B;AAEvD,QAAM,cAAc,CAAC,qBAAqB,UAAU,eAAe,OAAO,SAAS;AACnF,QAAM,gBACJ,UAAU,eAAe,OAAO,SAAS,cAAc,qBACnD,UAAU,OAAO,QACjB;AACN,QAAM,QAAQ,eAAe;AAC7B,SAAO;AACT;AAEA,MAAM,sBAAsB,CAAC,kBAAwC;AACnE,QAAM,YAAY,eAAe;AACjC,QAAM,qBAAqB,YACvB,cAAc,YAAQ,0BAAW,UAAU,YAAY,CAAC,CAAC,EAAE,IAC3D;AAEJ,QAAM,OAAO,eAAe,OAAO;AACnC,QAAM,gBACJ,QAAQ,SAAS,eACb,cAAc,WAAO,0BAAW,KAAK,YAAY,CAAC,CAAC,EAAE,IACrD;AAEN,QAAM,WAAW,eAAe;AAChC,QAAM,oBAAoB,WAAW,SAAY,cAAc;AAE/D,aAAO,kBAAAC,SAAW,oBAAoB,eAAe,iBAAiB;AACxE;",
+  "names": ["generalStyles", "generalRTLIgnoredStyles", "React", "classes", "classNames"]
 }

package/dist/cjs/plugin-figure/tiptap/use-editor-selection.js

@@ -0,0 +1,41 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var use_editor_selection_exports = {};
+__export(use_editor_selection_exports, {
+  useEditorSelection: () => useEditorSelection
+});
+module.exports = __toCommonJS(use_editor_selection_exports);
+var import_react = require("react");
+var import_ricos_context = require("./../../ricos-context");
+const useEditorSelection = (editor) => {
+  const { getEditorCommands } = (0, import_react.useContext)(import_ricos_context.EditorContext);
+  const [selection, setSelection] = (0, import_react.useState)(
+    () => getEditorCommands().getSelection()
+  );
+  (0, import_react.useEffect)(() => {
+    const onSelectionUpdate = () => {
+      setSelection(getEditorCommands().getSelection());
+    };
+    editor.on("selectionUpdate", onSelectionUpdate);
+    return () => {
+      editor.off("selectionUpdate", onSelectionUpdate);
+    };
+  }, []);
+  return selection;
+};
+//# sourceMappingURL=use-editor-selection.js.map

package/dist/cjs/plugin-figure/tiptap/use-editor-selection.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugin-figure/tiptap/use-editor-selection.tsx"],
+  "sourcesContent": ["import type { Editor } from '@tiptap/core';\nimport { useContext, useEffect, useState } from 'react';\n\nimport { EditorContext } from './../../ricos-context';\nimport type { EditorCommands } from './../../ricos-types';\n\nexport const useEditorSelection = (editor: Editor) => {\n  const { getEditorCommands } = useContext(EditorContext);\n\n  const [selection, setSelection] = useState<ReturnType<EditorCommands['getSelection']>>(() =>\n    getEditorCommands().getSelection()\n  );\n\n  useEffect(() => {\n    const onSelectionUpdate = () => {\n      setSelection(getEditorCommands().getSelection());\n    };\n\n    editor.on('selectionUpdate', onSelectionUpdate);\n\n    return () => {\n      editor.off('selectionUpdate', onSelectionUpdate);\n    };\n  }, []);\n\n  return selection;\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAgD;AAEhD,2BAA8B;AAGvB,MAAM,qBAAqB,CAAC,WAAmB;AACpD,QAAM,EAAE,kBAAkB,QAAI,yBAAW,kCAAa;AAEtD,QAAM,CAAC,WAAW,YAAY,QAAI;AAAA,IAAqD,MACrF,kBAAkB,EAAE,aAAa;AAAA,EACnC;AAEA,8BAAU,MAAM;AACd,UAAM,oBAAoB,MAAM;AAC9B,mBAAa,kBAAkB,EAAE,aAAa,CAAC;AAAA,IACjD;AAEA,WAAO,GAAG,mBAAmB,iBAAiB;AAE9C,WAAO,MAAM;AACX,aAAO,IAAI,mBAAmB,iBAAiB;AAAA,IACjD;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO;AACT;",
+  "names": []
+}

package/dist/cjs/plugin-figure/viewer/viewer-caption.rtlignore-scss.js

@@ -21,7 +21,7 @@ __export(viewer_caption_rtlignore_exports, {
 });
 module.exports = __toCommonJS(viewer_caption_rtlignore_exports);
 var viewer_caption_rtlignore_default = {
-  "fontElementMap": "WQKLi",
-  "imageCaption": "R32Qn"
+  "fontElementMap": "wn3kv",
+  "imageCaption": "vEdwH"
 };
 //# sourceMappingURL=viewer-caption.rtlignore-scss.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-figure/viewer/viewer-caption.rtlignore.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"WQKLi\",\n  \"imageCaption\": \"R32Qn\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"wn3kv\",\n  \"imageCaption\": \"vEdwH\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,mCAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,gBAAgB;AAClB;",
   "names": []
 }

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

@@ -0,0 +1,65 @@
+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)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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 viewer_figure_exports = {};
+__export(viewer_figure_exports, {
+  ViewerFigure: () => ViewerFigure
+});
+module.exports = __toCommonJS(viewer_figure_exports);
+var import_react = __toESM(require("react"));
+var import_ricos_content = require("./../../ricos-content");
+var import_ricos_types = require("./../../ricos-types");
+var import_viewer_figure = __toESM(require("./viewer-figure.rtlignore-scss"));
+const ViewerFigure = ({
+  node,
+  nodeIndex,
+  NodeViewContainer,
+  RicosNodesRenderer,
+  children
+}) => {
+  const nodes = node.imageData?.caption && !node.nodes?.length ? [
+    {
+      type: import_ricos_types.Node_Type.CAPTION,
+      id: (0, import_ricos_content.generateId)(),
+      nodes: [
+        {
+          type: import_ricos_types.Node_Type.TEXT,
+          id: "",
+          nodes: [],
+          textData: {
+            text: node.imageData.caption,
+            decorations: []
+          }
+        }
+      ]
+    }
+  ] : node.nodes ?? [];
+  return /* @__PURE__ */ import_react.default.createElement(NodeViewContainer, { node, nodeIndex }, ({ ContainerElement, SpoilerWrapper, LinkWrapper }) => {
+    return /* @__PURE__ */ import_react.default.createElement(ContainerElement, null, /* @__PURE__ */ import_react.default.createElement("figure", { className: import_viewer_figure.default.figure }, /* @__PURE__ */ import_react.default.createElement(LinkWrapper, null, /* @__PURE__ */ import_react.default.createElement(SpoilerWrapper, null, children)), /* @__PURE__ */ import_react.default.createElement(RicosNodesRenderer, { nodes })));
+  });
+};
+//# sourceMappingURL=viewer-figure.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugin-figure/viewer/viewer-figure.tsx"],
+  "sourcesContent": ["import type { FC, PropsWithChildren } from 'react';\nimport React from 'react';\n\nimport { generateId } from './../../ricos-content';\nimport type { Node } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport { Node_Type, type NodeViewRendererProps } from './../../ricos-types';\n\nimport classes from './viewer-figure.rtlignore-scss';\n\nexport const ViewerFigure: FC<NodeViewRendererProps & PropsWithChildren> = ({\n  node,\n  nodeIndex,\n  NodeViewContainer,\n  RicosNodesRenderer,\n  children,\n}) => {\n  const nodes: Node[] =\n    node.imageData?.caption && !node.nodes?.length\n      ? [\n          {\n            type: Node_Type.CAPTION,\n            id: generateId(),\n            nodes: [\n              {\n                type: Node_Type.TEXT,\n                id: '',\n                nodes: [],\n                textData: {\n                  text: node.imageData.caption,\n                  decorations: [],\n                },\n              },\n            ],\n          },\n        ]\n      : node.nodes ?? [];\n\n  return (\n    <NodeViewContainer node={node} nodeIndex={nodeIndex}>\n      {({ ContainerElement, SpoilerWrapper, LinkWrapper }) => {\n        return (\n          <ContainerElement>\n            <figure className={classes.figure}>\n              <LinkWrapper>\n                <SpoilerWrapper>{children}</SpoilerWrapper>\n              </LinkWrapper>\n              <RicosNodesRenderer nodes={nodes} />\n            </figure>\n          </ContainerElement>\n        );\n      }}\n    </NodeViewContainer>\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAkB;AAElB,2BAA2B;AAE3B,yBAAsD;AAEtD,2BAAoB;AAEb,MAAM,eAA8D,CAAC;AAAA,EAC1E;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,QACJ,KAAK,WAAW,WAAW,CAAC,KAAK,OAAO,SACpC;AAAA,IACE;AAAA,MACE,MAAM,6BAAU;AAAA,MAChB,QAAI,iCAAW;AAAA,MACf,OAAO;AAAA,QACL;AAAA,UACE,MAAM,6BAAU;AAAA,UAChB,IAAI;AAAA,UACJ,OAAO,CAAC;AAAA,UACR,UAAU;AAAA,YACR,MAAM,KAAK,UAAU;AAAA,YACrB,aAAa,CAAC;AAAA,UAChB;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF,IACA,KAAK,SAAS,CAAC;AAErB,SACE,6BAAAA,QAAA,cAAC,qBAAkB,MAAY,aAC5B,CAAC,EAAE,kBAAkB,gBAAgB,YAAY,MAAM;AACtD,WACE,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,YAAO,WAAW,qBAAAC,QAAQ,UACzB,6BAAAD,QAAA,cAAC,mBACC,6BAAAA,QAAA,cAAC,sBAAgB,QAAS,CAC5B,GACA,6BAAAA,QAAA,cAAC,sBAAmB,OAAc,CACpC,CACF;AAAA,EAEJ,CACF;AAEJ;",
+  "names": ["React", "classes"]
+}

package/dist/cjs/{plugin-image/viewer/get-image-click-action-config.js → plugin-figure/viewer/viewer-figure.rtlignore-scss.js}

@@ -15,25 +15,12 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var get_image_click_action_config_exports = {};
-__export(get_image_click_action_config_exports, {
-  getImageClickActionConfig: () => getImageClickActionConfig
+var viewer_figure_rtlignore_exports = {};
+__export(viewer_figure_rtlignore_exports, {
+  default: () => viewer_figure_rtlignore_default
 });
-module.exports = __toCommonJS(get_image_click_action_config_exports);
-const getImageClickActionConfig = ({
-  imageData,
-  config,
-  expand
-}) => {
-  if (imageData?.link?.url && config) {
-    return { type: "link" };
-  }
-  if (imageData?.link?.anchor) {
-    return { type: "anchor" };
-  }
-  if (expand) {
-    return { type: "expand", onClick: expand };
-  }
-  return { type: "regular" };
+module.exports = __toCommonJS(viewer_figure_rtlignore_exports);
+var viewer_figure_rtlignore_default = {
+  "figure": "rueY7"
 };
-//# sourceMappingURL=get-image-click-action-config.js.map
+//# sourceMappingURL=viewer-figure.rtlignore-scss.js.map

package/dist/cjs/plugin-figure/viewer/viewer-figure.rtlignore-scss.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugin-figure/viewer/viewer-figure.rtlignore.scss"],
+  "sourcesContent": ["export default {\n  \"figure\": \"rueY7\"\n};"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,kCAAQ;AAAA,EACb,UAAU;AACZ;",
+  "names": []
+}

package/dist/cjs/plugin-file-upload/statics/styles/file-upload-viewer-scss.js

@@ -21,25 +21,25 @@ __export(file_upload_viewer_exports, {
 });
 module.exports = __toCommonJS(file_upload_viewer_exports);
 var file_upload_viewer_default = {
-  "fontElementMap": "_0JfzL",
-  "file_upload_container": "ACfn3",
-  "file_upload_error_container": "_7FbCD",
-  "file_upload_link": "_0-1Xe",
-  "width_three": "M93Cu",
-  "file_upload_text_container": "SIUJO",
-  "width_two": "B-pqL",
-  "file_upload_state": "dLptD",
-  "mobile_status_icon": "xj6tG",
-  "file_upload_name_container": "JtWzD",
-  "file_upload_name": "yePxP",
-  "file_upload_extension": "cVIwQ",
-  "width_one": "_1iwY-",
-  "file_upload_type_icon": "cBwL6",
-  "file_loader_icon": "sIsN1",
-  "spin": "_0xIt0",
-  "file_upload_type": "mOExg",
-  "file_upload_text_error": "dvYMS",
-  "file_upload_icon_frame": "Qyw26",
-  "file_upload_icon_background": "WgKqB"
+  "fontElementMap": "wlRE2",
+  "file_upload_container": "UqJwj",
+  "file_upload_error_container": "giBdh",
+  "file_upload_link": "B3Ej7",
+  "width_three": "ol7fI",
+  "file_upload_text_container": "nPScw",
+  "width_two": "DER7H",
+  "file_upload_state": "_9eYIH",
+  "mobile_status_icon": "EhfMe",
+  "file_upload_name_container": "DrxzX",
+  "file_upload_name": "XqvCq",
+  "file_upload_extension": "l-Y2k",
+  "width_one": "-L1ed",
+  "file_upload_type_icon": "ArUNU",
+  "file_loader_icon": "_7qeE3",
+  "spin": "nEt-t",
+  "file_upload_type": "x0idC",
+  "file_upload_text_error": "uu-LJ",
+  "file_upload_icon_frame": "_7Ukwi",
+  "file_upload_icon_background": "F1pLj"
 };
 //# sourceMappingURL=file-upload-viewer-scss.js.map

package/dist/cjs/plugin-file-upload/statics/styles/file-upload-viewer-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-file-upload/statics/styles/file-upload-viewer.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"_0JfzL\",\n  \"file_upload_container\": \"ACfn3\",\n  \"file_upload_error_container\": \"_7FbCD\",\n  \"file_upload_link\": \"_0-1Xe\",\n  \"width_three\": \"M93Cu\",\n  \"file_upload_text_container\": \"SIUJO\",\n  \"width_two\": \"B-pqL\",\n  \"file_upload_state\": \"dLptD\",\n  \"mobile_status_icon\": \"xj6tG\",\n  \"file_upload_name_container\": \"JtWzD\",\n  \"file_upload_name\": \"yePxP\",\n  \"file_upload_extension\": \"cVIwQ\",\n  \"width_one\": \"_1iwY-\",\n  \"file_upload_type_icon\": \"cBwL6\",\n  \"file_loader_icon\": \"sIsN1\",\n  \"spin\": \"_0xIt0\",\n  \"file_upload_type\": \"mOExg\",\n  \"file_upload_text_error\": \"dvYMS\",\n  \"file_upload_icon_frame\": \"Qyw26\",\n  \"file_upload_icon_background\": \"WgKqB\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"wlRE2\",\n  \"file_upload_container\": \"UqJwj\",\n  \"file_upload_error_container\": \"giBdh\",\n  \"file_upload_link\": \"B3Ej7\",\n  \"width_three\": \"ol7fI\",\n  \"file_upload_text_container\": \"nPScw\",\n  \"width_two\": \"DER7H\",\n  \"file_upload_state\": \"_9eYIH\",\n  \"mobile_status_icon\": \"EhfMe\",\n  \"file_upload_name_container\": \"DrxzX\",\n  \"file_upload_name\": \"XqvCq\",\n  \"file_upload_extension\": \"l-Y2k\",\n  \"width_one\": \"-L1ed\",\n  \"file_upload_type_icon\": \"ArUNU\",\n  \"file_loader_icon\": \"_7qeE3\",\n  \"spin\": \"nEt-t\",\n  \"file_upload_type\": \"x0idC\",\n  \"file_upload_text_error\": \"uu-LJ\",\n  \"file_upload_icon_frame\": \"_7Ukwi\",\n  \"file_upload_icon_background\": \"F1pLj\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,6BAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,yBAAyB;AAAA,EACzB,+BAA+B;AAAA,EAC/B,oBAAoB;AAAA,EACpB,eAAe;AAAA,EACf,8BAA8B;AAAA,EAC9B,aAAa;AAAA,EACb,qBAAqB;AAAA,EACrB,sBAAsB;AAAA,EACtB,8BAA8B;AAAA,EAC9B,oBAAoB;AAAA,EACpB,yBAAyB;AAAA,EACzB,aAAa;AAAA,EACb,yBAAyB;AAAA,EACzB,oBAAoB;AAAA,EACpB,QAAQ;AAAA,EACR,oBAAoB;AAAA,EACpB,0BAA0B;AAAA,EAC1B,0BAA0B;AAAA,EAC1B,+BAA+B;AACjC;",
   "names": []
 }

package/dist/cjs/plugin-file-upload/statics/styles/pdf-viewer-scss.js

@@ -21,8 +21,8 @@ __export(pdf_viewer_exports, {
 });
 module.exports = __toCommonJS(pdf_viewer_exports);
 var pdf_viewer_default = {
-  "iframe": "GT84b",
-  "not_ready": "_2f66M",
-  "pdf_viewer": "EGcX7"
+  "iframe": "cYh6A",
+  "not_ready": "_5pOOE",
+  "pdf_viewer": "auQkK"
 };
 //# sourceMappingURL=pdf-viewer-scss.js.map

package/dist/cjs/plugin-file-upload/statics/styles/pdf-viewer-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-file-upload/statics/styles/pdf-viewer.scss"],
-  "sourcesContent": ["export default {\n  \"iframe\": \"GT84b\",\n  \"not_ready\": \"_2f66M\",\n  \"pdf_viewer\": \"EGcX7\"\n};"],
+  "sourcesContent": ["export default {\n  \"iframe\": \"cYh6A\",\n  \"not_ready\": \"_5pOOE\",\n  \"pdf_viewer\": \"auQkK\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,qBAAQ;AAAA,EACb,UAAU;AAAA,EACV,aAAa;AAAA,EACb,cAAc;AAChB;",
   "names": []
 }

package/dist/cjs/plugin-gallery/statics/styles/gallery-component-scss.js

@@ -21,6 +21,6 @@ __export(gallery_component_exports, {
 });
 module.exports = __toCommonJS(gallery_component_exports);
 var gallery_component_default = {
-  "mobileNativeLoaderContainer": "cZyq3"
+  "mobileNativeLoaderContainer": "EZNfx"
 };
 //# sourceMappingURL=gallery-component-scss.js.map

package/dist/cjs/plugin-gallery/statics/styles/gallery-component-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-gallery/statics/styles/gallery-component.scss"],
-  "sourcesContent": ["export default {\n  \"mobileNativeLoaderContainer\": \"cZyq3\"\n};"],
+  "sourcesContent": ["export default {\n  \"mobileNativeLoaderContainer\": \"EZNfx\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,4BAAQ;AAAA,EACb,+BAA+B;AACjC;",
   "names": []
 }

package/dist/cjs/plugin-gallery/statics/styles/gallery-settings-modal-scss.js

@@ -21,8 +21,8 @@ __export(gallery_settings_modal_exports, {
 });
 module.exports = __toCommonJS(gallery_settings_modal_exports);
 var gallery_settings_modal_default = {
-  "content": "_0uT-y",
-  "tabs": "TFfSX",
-  "input": "n5ZVl"
+  "content": "ngXao",
+  "tabs": "-x4a0",
+  "input": "C8uri"
 };
 //# sourceMappingURL=gallery-settings-modal-scss.js.map

package/dist/cjs/plugin-gallery/statics/styles/gallery-settings-modal-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-gallery/statics/styles/gallery-settings-modal.scss"],
-  "sourcesContent": ["export default {\n  \"content\": \"_0uT-y\",\n  \"tabs\": \"TFfSX\",\n  \"input\": \"n5ZVl\"\n};"],
+  "sourcesContent": ["export default {\n  \"content\": \"ngXao\",\n  \"tabs\": \"-x4a0\",\n  \"input\": \"C8uri\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,iCAAQ;AAAA,EACb,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,SAAS;AACX;",
   "names": []
 }

package/dist/cjs/plugin-gallery/statics/styles/image-ratio-selector-scss.js

@@ -21,11 +21,11 @@ __export(image_ratio_selector_exports, {
 });
 module.exports = __toCommonJS(image_ratio_selector_exports);
 var image_ratio_selector_default = {
-  "imageRatioSelector_ratioIcon": "Zy0Dj",
-  "imageRatioSelector_16_9": "P51i2",
-  "imageRatioSelector_4_3": "JONwz",
-  "imageRatioSelector_1_1": "VuoZj",
-  "imageRatioSelector_3_4": "Vo-Lj",
-  "imageRatioSelector_9_16": "ccJtj"
+  "imageRatioSelector_ratioIcon": "YvSkn",
+  "imageRatioSelector_16_9": "_9zR8C",
+  "imageRatioSelector_4_3": "_9LMs4",
+  "imageRatioSelector_1_1": "G8JMh",
+  "imageRatioSelector_3_4": "fhDZg",
+  "imageRatioSelector_9_16": "cOwnf"
 };
 //# sourceMappingURL=image-ratio-selector-scss.js.map

package/dist/cjs/plugin-gallery/statics/styles/image-ratio-selector-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-gallery/statics/styles/image-ratio-selector.scss"],
-  "sourcesContent": ["export default {\n  \"imageRatioSelector_ratioIcon\": \"Zy0Dj\",\n  \"imageRatioSelector_16_9\": \"P51i2\",\n  \"imageRatioSelector_4_3\": \"JONwz\",\n  \"imageRatioSelector_1_1\": \"VuoZj\",\n  \"imageRatioSelector_3_4\": \"Vo-Lj\",\n  \"imageRatioSelector_9_16\": \"ccJtj\"\n};"],
+  "sourcesContent": ["export default {\n  \"imageRatioSelector_ratioIcon\": \"YvSkn\",\n  \"imageRatioSelector_16_9\": \"_9zR8C\",\n  \"imageRatioSelector_4_3\": \"_9LMs4\",\n  \"imageRatioSelector_1_1\": \"G8JMh\",\n  \"imageRatioSelector_3_4\": \"fhDZg\",\n  \"imageRatioSelector_9_16\": \"cOwnf\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,+BAAQ;AAAA,EACb,gCAAgC;AAAA,EAChC,2BAA2B;AAAA,EAC3B,0BAA0B;AAAA,EAC1B,0BAA0B;AAAA,EAC1B,0BAA0B;AAAA,EAC1B,2BAA2B;AAC7B;",
   "names": []
 }

package/dist/cjs/plugin-gallery/statics/styles/media-item-action-menu-scss.js

@@ -21,6 +21,6 @@ __export(media_item_action_menu_exports, {
 });
 module.exports = __toCommonJS(media_item_action_menu_exports);
 var media_item_action_menu_default = {
-  "separator": "jzTKY"
+  "separator": "_1OZcQ"
 };
 //# sourceMappingURL=media-item-action-menu-scss.js.map

package/dist/cjs/plugin-gallery/statics/styles/media-item-action-menu-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-gallery/statics/styles/media-item-action-menu.scss"],
-  "sourcesContent": ["export default {\n  \"separator\": \"jzTKY\"\n};"],
+  "sourcesContent": ["export default {\n  \"separator\": \"_1OZcQ\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,iCAAQ;AAAA,EACb,aAAa;AACf;",
   "names": []
 }

package/dist/cjs/plugin-gallery/statics/styles/sortable-item-scss.js

@@ -21,6 +21,6 @@ __export(sortable_item_exports, {
 });
 module.exports = __toCommonJS(sortable_item_exports);
 var sortable_item_default = {
-  "itemImage": "lJu9M"
+  "itemImage": "UuvI-"
 };
 //# sourceMappingURL=sortable-item-scss.js.map

package/dist/cjs/plugin-gallery/statics/styles/sortable-item-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-gallery/statics/styles/sortable-item.scss"],
-  "sourcesContent": ["export default {\n  \"itemImage\": \"lJu9M\"\n};"],
+  "sourcesContent": ["export default {\n  \"itemImage\": \"UuvI-\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,wBAAQ;AAAA,EACb,aAAa;AACf;",
   "names": []
 }

package/dist/cjs/plugin-gallery/statics/styles/sortable-list-scss.js

@@ -21,8 +21,8 @@ __export(sortable_list_exports, {
 });
 module.exports = __toCommonJS(sortable_list_exports);
 var sortable_list_default = {
-  "container": "XVIQj",
-  "item": "FLnoW",
-  "fileUpload": "vRmdV"
+  "container": "fvwBK",
+  "item": "_3Lk55",
+  "fileUpload": "_9cg-Z"
 };
 //# sourceMappingURL=sortable-list-scss.js.map

package/dist/cjs/plugin-gallery/statics/styles/sortable-list-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-gallery/statics/styles/sortable-list.scss"],
-  "sourcesContent": ["export default {\n  \"container\": \"XVIQj\",\n  \"item\": \"FLnoW\",\n  \"fileUpload\": \"vRmdV\"\n};"],
+  "sourcesContent": ["export default {\n  \"container\": \"fvwBK\",\n  \"item\": \"_3Lk55\",\n  \"fileUpload\": \"_9cg-Z\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,wBAAQ;AAAA,EACb,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,cAAc;AAChB;",
   "names": []
 }