@gravity-ui/markdown-editor 15.16.2 → 15.18.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (138) hide show
  1. package/build/cjs/bundle/Editor.d.ts +1 -1
  2. package/build/cjs/bundle/Editor.js +6 -1
  3. package/build/cjs/bundle/Editor.js.map +1 -1
  4. package/build/cjs/bundle/MarkdownEditorView.js +3 -1
  5. package/build/cjs/bundle/MarkdownEditorView.js.map +1 -1
  6. package/build/cjs/bundle/MarkupEditorView.d.ts +2 -1
  7. package/build/cjs/bundle/MarkupEditorView.js +2 -2
  8. package/build/cjs/bundle/MarkupEditorView.js.map +1 -1
  9. package/build/cjs/bundle/ToolbarView.d.ts +3 -2
  10. package/build/cjs/bundle/ToolbarView.js +3 -2
  11. package/build/cjs/bundle/ToolbarView.js.map +1 -1
  12. package/build/cjs/bundle/WysiwygEditorView.d.ts +2 -1
  13. package/build/cjs/bundle/WysiwygEditorView.js +2 -2
  14. package/build/cjs/bundle/WysiwygEditorView.js.map +1 -1
  15. package/build/cjs/bundle/config/w-heading-config.js +6 -0
  16. package/build/cjs/bundle/config/w-heading-config.js.map +1 -1
  17. package/build/cjs/bundle/settings/index.d.ts +1 -0
  18. package/build/cjs/bundle/settings/index.js +3 -3
  19. package/build/cjs/bundle/settings/index.js.map +1 -1
  20. package/build/cjs/bundle/types.d.ts +2 -0
  21. package/build/cjs/bundle/types.js.map +1 -1
  22. package/build/cjs/bundle/useMarkdownEditor.js +2 -1
  23. package/build/cjs/bundle/useMarkdownEditor.js.map +1 -1
  24. package/build/cjs/bundle/wysiwyg-preset.d.ts +1 -0
  25. package/build/cjs/bundle/wysiwyg-preset.js +1 -1
  26. package/build/cjs/bundle/wysiwyg-preset.js.map +1 -1
  27. package/build/cjs/extensions/behavior/Clipboard/code.js +8 -3
  28. package/build/cjs/extensions/behavior/Clipboard/code.js.map +1 -1
  29. package/build/cjs/extensions/behavior/CommandMenu/handler.d.ts +2 -1
  30. package/build/cjs/extensions/behavior/CommandMenu/handler.js +10 -2
  31. package/build/cjs/extensions/behavior/CommandMenu/handler.js.map +1 -1
  32. package/build/cjs/extensions/behavior/Resizable/Resizable.d.ts +2 -1
  33. package/build/cjs/extensions/behavior/Resizable/Resizable.js.map +1 -1
  34. package/build/cjs/extensions/behavior/index.d.ts +1 -0
  35. package/build/cjs/extensions/behavior/index.js +6 -4
  36. package/build/cjs/extensions/behavior/index.js.map +1 -1
  37. package/build/cjs/extensions/markdown/CodeBlock/CodeBlockHighlight/CodeBlockHighlight.js +13 -11
  38. package/build/cjs/extensions/markdown/CodeBlock/CodeBlockHighlight/CodeBlockHighlight.js.map +1 -1
  39. package/build/cjs/extensions/markdown/CodeBlock/handle-paste.d.ts +1 -1
  40. package/build/cjs/extensions/markdown/CodeBlock/handle-paste.js +21 -5
  41. package/build/cjs/extensions/markdown/CodeBlock/handle-paste.js.map +1 -1
  42. package/build/cjs/extensions/markdown/Link/plugins/LinkTooltipPlugin/index.js +23 -39
  43. package/build/cjs/extensions/markdown/Link/plugins/LinkTooltipPlugin/index.js.map +1 -1
  44. package/build/cjs/i18n/placeholder/en.json +1 -0
  45. package/build/cjs/i18n/placeholder/index.d.ts +2 -1
  46. package/build/cjs/i18n/placeholder/ru.json +1 -0
  47. package/build/cjs/toolbar/FlexToolbar.js +9 -3
  48. package/build/cjs/toolbar/FlexToolbar.js.map +1 -1
  49. package/build/cjs/toolbar/PreviewTooltip.d.ts +1 -0
  50. package/build/cjs/toolbar/PreviewTooltip.js +3 -3
  51. package/build/cjs/toolbar/PreviewTooltip.js.map +1 -1
  52. package/build/cjs/toolbar/Toolbar.css +3 -0
  53. package/build/cjs/toolbar/Toolbar.d.ts +1 -1
  54. package/build/cjs/toolbar/Toolbar.js +3 -3
  55. package/build/cjs/toolbar/Toolbar.js.map +1 -1
  56. package/build/cjs/toolbar/ToolbarButton.d.ts +1 -1
  57. package/build/cjs/toolbar/ToolbarButton.js +2 -2
  58. package/build/cjs/toolbar/ToolbarButton.js.map +1 -1
  59. package/build/cjs/toolbar/ToolbarGroup.d.ts +1 -1
  60. package/build/cjs/toolbar/ToolbarGroup.js +4 -4
  61. package/build/cjs/toolbar/ToolbarGroup.js.map +1 -1
  62. package/build/cjs/toolbar/ToolbarListButton.d.ts +1 -1
  63. package/build/cjs/toolbar/ToolbarListButton.js +4 -4
  64. package/build/cjs/toolbar/ToolbarListButton.js.map +1 -1
  65. package/build/cjs/toolbar/types.d.ts +9 -0
  66. package/build/cjs/toolbar/types.js.map +1 -1
  67. package/build/cjs/version.js +1 -1
  68. package/build/cjs/version.js.map +1 -1
  69. package/build/esm/bundle/Editor.d.ts +1 -1
  70. package/build/esm/bundle/Editor.js +6 -1
  71. package/build/esm/bundle/Editor.js.map +1 -1
  72. package/build/esm/bundle/MarkdownEditorView.js +3 -1
  73. package/build/esm/bundle/MarkdownEditorView.js.map +1 -1
  74. package/build/esm/bundle/MarkupEditorView.d.ts +2 -1
  75. package/build/esm/bundle/MarkupEditorView.js +2 -2
  76. package/build/esm/bundle/MarkupEditorView.js.map +1 -1
  77. package/build/esm/bundle/ToolbarView.d.ts +3 -2
  78. package/build/esm/bundle/ToolbarView.js +3 -2
  79. package/build/esm/bundle/ToolbarView.js.map +1 -1
  80. package/build/esm/bundle/WysiwygEditorView.d.ts +2 -1
  81. package/build/esm/bundle/WysiwygEditorView.js +2 -2
  82. package/build/esm/bundle/WysiwygEditorView.js.map +1 -1
  83. package/build/esm/bundle/config/w-heading-config.js +6 -0
  84. package/build/esm/bundle/config/w-heading-config.js.map +1 -1
  85. package/build/esm/bundle/settings/index.d.ts +1 -0
  86. package/build/esm/bundle/settings/index.js +3 -3
  87. package/build/esm/bundle/settings/index.js.map +1 -1
  88. package/build/esm/bundle/types.d.ts +2 -0
  89. package/build/esm/bundle/types.js.map +1 -1
  90. package/build/esm/bundle/useMarkdownEditor.js +2 -1
  91. package/build/esm/bundle/useMarkdownEditor.js.map +1 -1
  92. package/build/esm/bundle/wysiwyg-preset.d.ts +1 -0
  93. package/build/esm/bundle/wysiwyg-preset.js +1 -1
  94. package/build/esm/bundle/wysiwyg-preset.js.map +1 -1
  95. package/build/esm/extensions/behavior/Clipboard/code.js +8 -3
  96. package/build/esm/extensions/behavior/Clipboard/code.js.map +1 -1
  97. package/build/esm/extensions/behavior/CommandMenu/handler.d.ts +2 -1
  98. package/build/esm/extensions/behavior/CommandMenu/handler.js +10 -3
  99. package/build/esm/extensions/behavior/CommandMenu/handler.js.map +1 -1
  100. package/build/esm/extensions/behavior/Resizable/Resizable.d.ts +2 -1
  101. package/build/esm/extensions/behavior/Resizable/Resizable.js.map +1 -1
  102. package/build/esm/extensions/behavior/index.d.ts +1 -0
  103. package/build/esm/extensions/behavior/index.js +6 -4
  104. package/build/esm/extensions/behavior/index.js.map +1 -1
  105. package/build/esm/extensions/markdown/CodeBlock/CodeBlockHighlight/CodeBlockHighlight.js +13 -11
  106. package/build/esm/extensions/markdown/CodeBlock/CodeBlockHighlight/CodeBlockHighlight.js.map +1 -1
  107. package/build/esm/extensions/markdown/CodeBlock/handle-paste.d.ts +1 -1
  108. package/build/esm/extensions/markdown/CodeBlock/handle-paste.js +20 -5
  109. package/build/esm/extensions/markdown/CodeBlock/handle-paste.js.map +1 -1
  110. package/build/esm/extensions/markdown/Link/plugins/LinkTooltipPlugin/index.js +23 -39
  111. package/build/esm/extensions/markdown/Link/plugins/LinkTooltipPlugin/index.js.map +1 -1
  112. package/build/esm/i18n/placeholder/en.json +1 -0
  113. package/build/esm/i18n/placeholder/index.d.ts +2 -1
  114. package/build/esm/i18n/placeholder/ru.json +1 -0
  115. package/build/esm/toolbar/FlexToolbar.js +9 -3
  116. package/build/esm/toolbar/FlexToolbar.js.map +1 -1
  117. package/build/esm/toolbar/PreviewTooltip.d.ts +1 -0
  118. package/build/esm/toolbar/PreviewTooltip.js +3 -3
  119. package/build/esm/toolbar/PreviewTooltip.js.map +1 -1
  120. package/build/esm/toolbar/Toolbar.css +3 -0
  121. package/build/esm/toolbar/Toolbar.d.ts +1 -1
  122. package/build/esm/toolbar/Toolbar.js +3 -3
  123. package/build/esm/toolbar/Toolbar.js.map +1 -1
  124. package/build/esm/toolbar/ToolbarButton.d.ts +1 -1
  125. package/build/esm/toolbar/ToolbarButton.js +2 -2
  126. package/build/esm/toolbar/ToolbarButton.js.map +1 -1
  127. package/build/esm/toolbar/ToolbarGroup.d.ts +1 -1
  128. package/build/esm/toolbar/ToolbarGroup.js +4 -4
  129. package/build/esm/toolbar/ToolbarGroup.js.map +1 -1
  130. package/build/esm/toolbar/ToolbarListButton.d.ts +1 -1
  131. package/build/esm/toolbar/ToolbarListButton.js +4 -4
  132. package/build/esm/toolbar/ToolbarListButton.js.map +1 -1
  133. package/build/esm/toolbar/types.d.ts +9 -0
  134. package/build/esm/toolbar/types.js.map +1 -1
  135. package/build/esm/version.js +1 -1
  136. package/build/esm/version.js.map +1 -1
  137. package/build/styles.css +3 -0
  138. package/package.json +2 -2
@@ -1 +1 @@
1
- {"version":3,"file":"handler.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/CommandMenu/handler.ts"],"names":[],"mappings":"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","sourcesContent":["import type {EditorView} from 'prosemirror-view';\n\nimport type {ActionStorage} from '../../../core';\nimport {isFunction} from '../../../lodash';\nimport {type Logger2, globalLogger} from '../../../logger';\nimport {AutocompletePopupCloser} from '../../../utils/autocomplete-popup';\nimport {ArrayCarousel} from '../../../utils/carousel';\nimport {\n type AutocompleteAction,\n AutocompleteActionKind,\n type AutocompleteHandler,\n closeAutocomplete,\n getAutocompleteState,\n} from '../Autocomplete';\nimport {type RendererItem, getReactRendererFromState} from '../ReactRenderer';\n\nimport {type CommandMenuComponentProps, render} from './component';\nimport type {CommandAction, Config} from './types';\nimport {findDecoElem} from './utils';\n\ndeclare module 'prosemirror-model' {\n interface NodeSpec {\n commandMenu?: boolean;\n }\n}\n\nexport type CommandHandlerParams = {\n logger: Logger2.ILogger;\n actions: Config;\n storage: ActionStorage;\n nodesIgnoreList?: readonly string[];\n};\n\nexport class CommandHandler implements AutocompleteHandler {\n readonly #logger: Logger2.ILogger;\n readonly #actions: readonly CommandAction[];\n readonly #actionStorage: ActionStorage;\n readonly #nodesIgnoreList: readonly string[];\n #filteredActionsCarousel?: ArrayCarousel<CommandAction>;\n\n #view?: EditorView;\n #anchor: Element | null = null;\n #filterText?: string;\n #popupCloser?: AutocompletePopupCloser;\n\n #menuProps?: CommandMenuComponentProps;\n #menuRenderItem?: RendererItem;\n\n constructor({logger, actions, storage, nodesIgnoreList = []}: CommandHandlerParams) {\n this.#logger = logger;\n this.#actions = actions;\n this.#actionStorage = storage;\n this.#nodesIgnoreList = nodesIgnoreList;\n }\n\n onOpen(action: AutocompleteAction): boolean {\n this.findAnchor();\n if (!this.#anchor || this.shouldIgnore(action)) {\n this.closeAutocomplete(action.view);\n return true;\n }\n\n this.#popupCloser = new AutocompletePopupCloser(action.view);\n this.updateState(action);\n this.filterActions();\n this.render();\n\n return true;\n }\n\n onFilter(action: AutocompleteAction): boolean {\n if (this.shouldIgnore(action) || action.filter?.endsWith(' ')) {\n this.closeAutocomplete(action.view);\n return true;\n }\n\n this.updateState(action);\n\n this.#filterText = action.filter?.trim().toLowerCase();\n const needToClose = this.filterActions();\n this.render();\n\n if (needToClose) {\n this.closeAutocomplete(action.view);\n }\n\n return true;\n }\n\n onArrow(action: AutocompleteAction): boolean {\n if (this.shouldIgnore(action)) {\n closeAutocomplete(action.view);\n return true;\n }\n\n this.updateState(action);\n\n if (!this.#filteredActionsCarousel) return false;\n\n switch (action.kind) {\n case AutocompleteActionKind.up: {\n this.#filteredActionsCarousel.prev();\n break;\n }\n case AutocompleteActionKind.down: {\n this.#filteredActionsCarousel.next();\n break;\n }\n default:\n return false;\n }\n\n this.render();\n\n return true;\n }\n\n onEnter(action: AutocompleteAction): boolean {\n if (this.shouldIgnore(action)) {\n closeAutocomplete(action.view);\n return true;\n }\n\n this.updateState(action);\n\n this.select();\n\n return true;\n }\n\n onClose(action: AutocompleteAction): boolean {\n this.updateState(action);\n\n this.clear();\n\n return true;\n }\n\n onDestroy(): void {\n this.clear();\n }\n\n private closeAutocomplete(view: EditorView) {\n setTimeout(() => {\n closeAutocomplete(view);\n });\n }\n\n private shouldIgnore(action: AutocompleteAction): boolean {\n const parentType = action.view.state.doc.resolve(action.range.from).parent.type;\n return (\n parentType.spec.commandMenu === false || this.#nodesIgnoreList.includes(parentType.name)\n );\n }\n\n private select() {\n if (!this.#view) return;\n\n const action = this.#filteredActionsCarousel?.currentItem;\n if (!action) return;\n\n const autocompleteState = getAutocompleteState(this.#view.state);\n if (!autocompleteState || !autocompleteState.active) return;\n\n const view = this.#view;\n const {range} = autocompleteState;\n\n view.dispatch(view.state.tr.deleteRange(range.from, range.to).scrollIntoView());\n action.exec(this.#actionStorage);\n view.focus();\n\n globalLogger.action({mode: 'wysiwyg', source: 'command-menu', action: action.id});\n this.#logger.action({source: 'command-menu', action: action.id});\n }\n\n private filterActions(): boolean {\n const currentItem = this.#filteredActionsCarousel?.currentItem;\n const inputText = this.#filterText;\n\n const enabledActions = this.#actions.filter((action) =>\n action.isEnable(this.#actionStorage),\n );\n\n let filteredActions = enabledActions;\n let needToClose = false;\n\n if (inputText) {\n filteredActions = filterActions(enabledActions, inputText);\n needToClose = !filteredActions.length && needToHide(enabledActions, inputText);\n }\n\n this.#filteredActionsCarousel = new ArrayCarousel(filteredActions);\n\n if (currentItem) {\n const newIndex = this.#filteredActionsCarousel.array.findIndex(\n (item) => item === currentItem,\n );\n if (newIndex !== -1) {\n this.#filteredActionsCarousel.currentIndex = newIndex;\n }\n }\n\n return needToClose;\n }\n\n private render() {\n this.findAnchor();\n const viewItems = this.#filteredActionsCarousel?.array ?? [];\n this.#menuProps = {\n anchorElement: this.#anchor,\n currentIndex: this.#filteredActionsCarousel?.currentIndex,\n items: viewItems,\n onItemClick: this.onItemClick,\n onOpenChange: this.#popupCloser?.popupOpenChangeHandler,\n };\n this.#menuRenderItem = this.#menuRenderItem ?? this.createMenuRenderItem();\n this.#menuRenderItem.rerender();\n }\n\n private onItemClick = (index: number) => {\n if (this.#filteredActionsCarousel) {\n this.#filteredActionsCarousel.currentIndex = index;\n this.select();\n }\n this.#view?.focus();\n };\n\n private updateState({view}: AutocompleteAction) {\n this.#view = view;\n }\n\n private clear() {\n this.#view = undefined;\n this.#anchor = null;\n this.#filterText = undefined;\n this.#filteredActionsCarousel = undefined;\n this.#popupCloser?.cancelTimer();\n this.#popupCloser = undefined;\n this.#menuProps = undefined;\n this.#menuRenderItem?.remove();\n this.#menuRenderItem = undefined;\n }\n\n private createMenuRenderItem(): RendererItem {\n return getReactRendererFromState(this.#view!.state).createItem('command_menu', () =>\n this.#menuProps ? render(this.#menuProps) : null,\n );\n }\n\n private findAnchor() {\n this.#anchor = findDecoElem(this.#view?.dom);\n }\n}\n\nfunction filterActions(actions: readonly CommandAction[], text: string): CommandAction[] {\n return actions.filter(\n (action) =>\n action.id.toLowerCase().includes(text) ||\n (isFunction(action.title) ? action.title() : action.title).toLowerCase().includes(text),\n );\n}\n\nconst CHARS_TO_HIDE = 4;\nfunction needToHide(actions: readonly CommandAction[], text: string): boolean {\n let iter = 1;\n do {\n const prevInput = text.slice(0, text.length - iter);\n const prevActions = filterActions(actions, prevInput);\n if (prevActions.length) break;\n iter++;\n } while (iter < text.length && iter < CHARS_TO_HIDE);\n return iter >= CHARS_TO_HIDE;\n}\n"]}
1
+ {"version":3,"file":"handler.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/CommandMenu/handler.ts"],"names":[],"mappings":"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","sourcesContent":["import type {EditorView} from 'prosemirror-view';\n\nimport type {ActionStorage} from '../../../core';\nimport {isFunction} from '../../../lodash';\nimport {type Logger2, globalLogger} from '../../../logger';\nimport {AutocompletePopupCloser} from '../../../utils/autocomplete-popup';\nimport {ArrayCarousel} from '../../../utils/carousel';\nimport {\n type AutocompleteAction,\n AutocompleteActionKind,\n type AutocompleteHandler,\n closeAutocomplete,\n getAutocompleteState,\n} from '../Autocomplete';\nimport {type RendererItem, getReactRendererFromState} from '../ReactRenderer';\n\nimport {type CommandMenuComponentProps, render} from './component';\nimport type {CommandAction, Config} from './types';\nimport {findDecoElem} from './utils';\n\ndeclare module 'prosemirror-model' {\n interface NodeSpec {\n commandMenu?: boolean;\n }\n}\n\nexport type CommandHandlerParams = {\n logger: Logger2.ILogger;\n actions: Config;\n storage: ActionStorage;\n nodesIgnoreList?: readonly string[];\n};\n\nexport class CommandHandler implements AutocompleteHandler {\n readonly #logger: Logger2.ILogger;\n readonly #actions: readonly CommandAction[];\n readonly #actionStorage: ActionStorage;\n readonly #nodesIgnoreList: readonly string[];\n #filteredActionsCarousel?: ArrayCarousel<CommandAction>;\n\n #view?: EditorView;\n #anchor: Element | null = null;\n #filterText?: string;\n #popupCloser?: AutocompletePopupCloser;\n\n #menuProps?: CommandMenuComponentProps;\n #menuRenderItem?: RendererItem;\n\n constructor({logger, actions, storage, nodesIgnoreList = []}: CommandHandlerParams) {\n this.#logger = logger;\n this.#actions = actions;\n this.#actionStorage = storage;\n this.#nodesIgnoreList = nodesIgnoreList;\n }\n\n onOpen(action: AutocompleteAction): boolean {\n this.findAnchor();\n if (!this.#anchor || this.shouldIgnore(action)) {\n this.closeAutocomplete(action.view);\n return true;\n }\n\n this.#popupCloser = new AutocompletePopupCloser(action.view);\n this.updateState(action);\n this.filterActions();\n this.render();\n\n return true;\n }\n\n onFilter(action: AutocompleteAction): boolean {\n if (this.shouldIgnore(action) || action.filter?.endsWith(' ')) {\n this.closeAutocomplete(action.view);\n return true;\n }\n\n this.updateState(action);\n\n this.#filterText = action.filter?.trim().toLowerCase();\n const needToClose = this.filterActions();\n this.render();\n\n if (needToClose) {\n this.closeAutocomplete(action.view);\n }\n\n return true;\n }\n\n onArrow(action: AutocompleteAction): boolean {\n if (this.shouldIgnore(action)) {\n closeAutocomplete(action.view);\n return true;\n }\n\n this.updateState(action);\n\n if (!this.#filteredActionsCarousel) return false;\n\n switch (action.kind) {\n case AutocompleteActionKind.up: {\n this.#filteredActionsCarousel.prev();\n break;\n }\n case AutocompleteActionKind.down: {\n this.#filteredActionsCarousel.next();\n break;\n }\n default:\n return false;\n }\n\n this.render();\n\n return true;\n }\n\n onEnter(action: AutocompleteAction): boolean {\n if (this.shouldIgnore(action)) {\n closeAutocomplete(action.view);\n return true;\n }\n\n this.updateState(action);\n\n this.select();\n\n return true;\n }\n\n onClose(action: AutocompleteAction): boolean {\n this.updateState(action);\n\n this.clear();\n\n return true;\n }\n\n onDestroy(): void {\n this.clear();\n }\n\n private closeAutocomplete(view: EditorView) {\n setTimeout(() => {\n closeAutocomplete(view);\n });\n }\n\n private shouldIgnore(action: AutocompleteAction): boolean {\n const parentType = action.view.state.doc.resolve(action.range.from).parent.type;\n return (\n parentType.spec.commandMenu === false || this.#nodesIgnoreList.includes(parentType.name)\n );\n }\n\n private select() {\n if (!this.#view) return;\n\n const action = this.#filteredActionsCarousel?.currentItem;\n if (!action) return;\n\n const autocompleteState = getAutocompleteState(this.#view.state);\n if (!autocompleteState || !autocompleteState.active) return;\n\n const view = this.#view;\n const {range} = autocompleteState;\n\n view.dispatch(view.state.tr.deleteRange(range.from, range.to).scrollIntoView());\n action.exec(this.#actionStorage);\n view.focus();\n\n globalLogger.action({mode: 'wysiwyg', source: 'command-menu', action: action.id});\n this.#logger.action({source: 'command-menu', action: action.id});\n }\n\n private filterActions(): boolean {\n const currentItem = this.#filteredActionsCarousel?.currentItem;\n const inputText = this.#filterText;\n\n const enabledActions = this.#actions.filter((action) =>\n action.isEnable(this.#actionStorage),\n );\n\n let filteredActions = enabledActions;\n let needToClose = false;\n\n if (inputText) {\n filteredActions = filterActions(enabledActions, inputText);\n needToClose = !filteredActions.length && needToHide(enabledActions, inputText);\n }\n\n this.#filteredActionsCarousel = new ArrayCarousel(filteredActions);\n\n if (currentItem) {\n const newIndex = this.#filteredActionsCarousel.array.findIndex(\n (item) => item === currentItem,\n );\n if (newIndex !== -1) {\n this.#filteredActionsCarousel.currentIndex = newIndex;\n }\n }\n\n return needToClose;\n }\n\n private render() {\n this.findAnchor();\n const viewItems = this.#filteredActionsCarousel?.array ?? [];\n this.#menuProps = {\n anchorElement: this.#anchor,\n currentIndex: this.#filteredActionsCarousel?.currentIndex,\n items: viewItems,\n onItemClick: this.onItemClick,\n onOpenChange: this.#popupCloser?.popupOpenChangeHandler,\n };\n this.#menuRenderItem = this.#menuRenderItem ?? this.createMenuRenderItem();\n this.#menuRenderItem.rerender();\n }\n\n private onItemClick = (index: number) => {\n if (this.#filteredActionsCarousel) {\n this.#filteredActionsCarousel.currentIndex = index;\n this.select();\n }\n this.#view?.focus();\n };\n\n private updateState({view}: AutocompleteAction) {\n this.#view = view;\n }\n\n private clear() {\n this.#view = undefined;\n this.#anchor = null;\n this.#filterText = undefined;\n this.#filteredActionsCarousel = undefined;\n this.#popupCloser?.cancelTimer();\n this.#popupCloser = undefined;\n this.#menuProps = undefined;\n this.#menuRenderItem?.remove();\n this.#menuRenderItem = undefined;\n }\n\n private createMenuRenderItem(): RendererItem {\n return getReactRendererFromState(this.#view!.state).createItem('command_menu', () =>\n this.#menuProps ? render(this.#menuProps) : null,\n );\n }\n\n private findAnchor() {\n this.#anchor = findDecoElem(this.#view?.dom);\n }\n}\n\nexport function filterActions(actions: readonly CommandAction[], text: string): CommandAction[] {\n return actions.filter((action) => {\n const lowerText = text.toLowerCase();\n const matchesId = action.id.toLowerCase().includes(lowerText);\n const matchesTitle = (isFunction(action.title) ? action.title() : action.title)\n .toLowerCase()\n .includes(lowerText);\n const matchesAliases =\n action.aliases?.some((alias) => alias.toLowerCase().includes(lowerText)) ?? false;\n\n return matchesId || matchesTitle || matchesAliases;\n });\n}\n\nconst CHARS_TO_HIDE = 4;\nfunction needToHide(actions: readonly CommandAction[], text: string): boolean {\n let iter = 1;\n do {\n const prevInput = text.slice(0, text.length - iter);\n const prevActions = filterActions(actions, prevInput);\n if (prevActions.length) break;\n iter++;\n } while (iter < text.length && iter < CHARS_TO_HIDE);\n return iter >= CHARS_TO_HIDE;\n}\n"]}
@@ -1,6 +1,7 @@
1
+ import type { ReactNode } from 'react';
1
2
  import "./Resizable.css";
2
3
  export interface ResizableProps {
3
- children: React.ReactNode;
4
+ children: ReactNode;
4
5
  onResizeLeft: (event: React.MouseEvent<HTMLElement>) => void;
5
6
  onResizeRight: (event: React.MouseEvent<HTMLElement>) => void;
6
7
  hover?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"Resizable.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/Resizable/Resizable.tsx"],"names":[],"mappings":";;;;AAAA,qDAAsC;AAEtC,2BAA0B;AAE1B,MAAM,CAAC,GAAG,IAAA,cAAE,EAAC,WAAW,CAAC,CAAC;AAM1B,MAAM,OAAO,GAA2B,CAAC,EAAC,WAAW,EAAE,SAAS,EAAC,EAAE,EAAE,CAAC,CAClE,gCACI,SAAS,EAAE,CAAC,CAAC,iBAAiB,EAAE,EAAC,CAAC,SAAS,CAAC,EAAE,IAAI,EAAC,CAAC,EACpD,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,EACX,WAAW,EAAE,WAAW,YAExB,gCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,GAAI,GAC9B,CACT,CAAC;AAUK,MAAM,SAAS,GAA6B,CAAC,EAChD,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,aAAa,GAChB,EAAE,EAAE,CAAC,CACF,iCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAC,CAAC,aAC/B,QAAQ,EACT,uBAAC,OAAO,IAAC,WAAW,EAAE,YAAY,EAAE,SAAS,EAAC,MAAM,GAAG,EACvD,uBAAC,OAAO,IAAC,WAAW,EAAE,aAAa,EAAE,SAAS,EAAC,OAAO,GAAG,IACvD,CACT,CAAC;AAZW,QAAA,SAAS,aAYpB","sourcesContent":["import {cn} from '../../../classname';\n\nimport './Resizable.scss';\n\nconst b = cn('resizable');\n\ninterface ResizerProps {\n onMouseDown: (event: React.MouseEvent<HTMLElement>) => void;\n direction: 'left' | 'right';\n}\nconst Resizer: React.FC<ResizerProps> = ({onMouseDown, direction}) => (\n <div\n className={b('resizer-wrapper', {[direction]: true})}\n role=\"button\"\n tabIndex={0}\n onMouseDown={onMouseDown}\n >\n <div className={b('resizer')} />\n </div>\n);\n\nexport interface ResizableProps {\n children: React.ReactNode;\n onResizeLeft: (event: React.MouseEvent<HTMLElement>) => void;\n onResizeRight: (event: React.MouseEvent<HTMLElement>) => void;\n hover?: boolean;\n resizing?: boolean;\n}\n\nexport const Resizable: React.FC<ResizableProps> = ({\n hover,\n resizing,\n children,\n onResizeLeft,\n onResizeRight,\n}) => (\n <div className={b({hover, resizing})}>\n {children}\n <Resizer onMouseDown={onResizeLeft} direction=\"left\" />\n <Resizer onMouseDown={onResizeRight} direction=\"right\" />\n </div>\n);\n"]}
1
+ {"version":3,"file":"Resizable.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/Resizable/Resizable.tsx"],"names":[],"mappings":";;;;AAEA,qDAAsC;AAEtC,2BAA0B;AAE1B,MAAM,CAAC,GAAG,IAAA,cAAE,EAAC,WAAW,CAAC,CAAC;AAM1B,MAAM,OAAO,GAA2B,CAAC,EAAC,WAAW,EAAE,SAAS,EAAC,EAAE,EAAE,CAAC,CAClE,gCACI,SAAS,EAAE,CAAC,CAAC,iBAAiB,EAAE,EAAC,CAAC,SAAS,CAAC,EAAE,IAAI,EAAC,CAAC,EACpD,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,EACX,WAAW,EAAE,WAAW,YAExB,gCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,GAAI,GAC9B,CACT,CAAC;AAUK,MAAM,SAAS,GAA6B,CAAC,EAChD,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,aAAa,GAChB,EAAE,EAAE,CAAC,CACF,iCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAC,CAAC,aAC/B,QAAQ,EACT,uBAAC,OAAO,IAAC,WAAW,EAAE,YAAY,EAAE,SAAS,EAAC,MAAM,GAAG,EACvD,uBAAC,OAAO,IAAC,WAAW,EAAE,aAAa,EAAE,SAAS,EAAC,OAAO,GAAG,IACvD,CACT,CAAC;AAZW,QAAA,SAAS,aAYpB","sourcesContent":["import type {ReactNode} from 'react';\n\nimport {cn} from '../../../classname';\n\nimport './Resizable.scss';\n\nconst b = cn('resizable');\n\ninterface ResizerProps {\n onMouseDown: (event: React.MouseEvent<HTMLElement>) => void;\n direction: 'left' | 'right';\n}\nconst Resizer: React.FC<ResizerProps> = ({onMouseDown, direction}) => (\n <div\n className={b('resizer-wrapper', {[direction]: true})}\n role=\"button\"\n tabIndex={0}\n onMouseDown={onMouseDown}\n >\n <div className={b('resizer')} />\n </div>\n);\n\nexport interface ResizableProps {\n children: ReactNode;\n onResizeLeft: (event: React.MouseEvent<HTMLElement>) => void;\n onResizeRight: (event: React.MouseEvent<HTMLElement>) => void;\n hover?: boolean;\n resizing?: boolean;\n}\n\nexport const Resizable: React.FC<ResizableProps> = ({\n hover,\n resizing,\n children,\n onResizeLeft,\n onResizeRight,\n}) => (\n <div className={b({hover, resizing})}>\n {children}\n <Resizer onMouseDown={onResizeLeft} direction=\"left\" />\n <Resizer onMouseDown={onResizeRight} direction=\"right\" />\n </div>\n);\n"]}
@@ -27,5 +27,6 @@ export type BehaviorPresetOptions = {
27
27
  reactRenderer: ReactRenderer;
28
28
  selectionContext?: SelectionContextOptions;
29
29
  commandMenu?: CommandMenuOptions;
30
+ mobile?: boolean;
30
31
  };
31
32
  export declare const BehaviorPreset: ExtensionAuto<BehaviorPresetOptions>;
@@ -36,10 +36,12 @@ const BehaviorPreset = (builder, opts) => {
36
36
  .use(History_1.History, opts.history ?? {})
37
37
  .use(Clipboard_1.Clipboard, opts.clipboard ?? {})
38
38
  .use(ReactRenderer_1.ReactRendererExtension, opts.reactRenderer)
39
- .use(WidgetDecoration_1.WidgetDecoration)
40
- .use(SelectionContext_1.SelectionContext, opts.selectionContext ?? {});
41
- if (opts.commandMenu)
42
- builder.use(CommandMenu_1.CommandMenu, opts.commandMenu);
39
+ .use(WidgetDecoration_1.WidgetDecoration);
40
+ if (!opts.mobile) {
41
+ builder.use(SelectionContext_1.SelectionContext, opts.selectionContext ?? {});
42
+ if (opts.commandMenu)
43
+ builder.use(CommandMenu_1.CommandMenu, opts.commandMenu);
44
+ }
43
45
  builder.use(FilePaste_1.FilePaste);
44
46
  builder.use(ClicksOnEdges_1.ClicksOnEdges);
45
47
  };
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["extensions/behavior/index.ts"],"names":[],"mappings":";;;;AAGA,4DAA8C;AAC9C,oDAA6D;AAC7D,wDAAmE;AACnE,8CAAoD;AACpD,oDAAsC;AACtC,gDAAuD;AACvD,wDAA0C;AAC1C,4DAA2E;AAC3E,oDAAsC;AACtC,kEAAkF;AAClF,wDAA0C;AAC1C,kEAAoD;AAEpD,kEAA+B;AAC/B,mEAAgC;AAChC,+DAA4B;AAC5B,iEAA8B;AAC9B,4DAAyB;AACzB,+DAA4B;AAC5B,6DAA0B;AAC1B,iEAA8B;AAC9B,mEAAgC;AAChC,+DAA4B;AAC5B,sEAAmC;AACnC,iEAA8B;AAC9B,sEAAmC;AAa5B,MAAM,cAAc,GAAyC,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE;IAClF,OAAO;SACF,GAAG,CAAC,qBAAS,CAAC;SACd,GAAG,CAAC,yBAAW,CAAC;SAChB,GAAG,CAAC,yBAAW,EAAE,IAAI,CAAC,WAAW,IAAI,EAAE,CAAC;SACxC,GAAG,CAAC,eAAM,EAAE,IAAI,CAAC,MAAM,IAAI,EAAE,CAAC;SAC9B,GAAG,CAAC,iBAAO,EAAE,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC;SAChC,GAAG,CAAC,qBAAS,EAAE,IAAI,CAAC,SAAS,IAAI,EAAE,CAAC;SACpC,GAAG,CAAC,sCAAsB,EAAE,IAAI,CAAC,aAAa,CAAC;SAC/C,GAAG,CAAC,mCAAgB,CAAC;SACrB,GAAG,CAAC,mCAAgB,EAAE,IAAI,CAAC,gBAAgB,IAAI,EAAE,CAAC,CAAC;IAExD,IAAI,IAAI,CAAC,WAAW;QAAE,OAAO,CAAC,GAAG,CAAC,yBAAW,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IACjE,OAAO,CAAC,GAAG,CAAC,qBAAS,CAAC,CAAC;IACvB,OAAO,CAAC,GAAG,CAAC,6BAAa,CAAC,CAAC;AAC/B,CAAC,CAAC;AAfW,QAAA,cAAc,kBAezB","sourcesContent":["import type {ExtensionAuto} from '../../core';\nimport type {PlaceholderOptions} from '../../utils/placeholder';\n\nimport {ClicksOnEdges} from './ClicksOnEdges';\nimport {Clipboard, type ClipboardOptions} from './Clipboard';\nimport {CommandMenu, type CommandMenuOptions} from './CommandMenu';\nimport {Cursor, type CursorOptions} from './Cursor';\nimport {FilePaste} from './FilePaste';\nimport {History, type HistoryOptions} from './History';\nimport {Placeholder} from './Placeholder';\nimport {type ReactRenderer, ReactRendererExtension} from './ReactRenderer';\nimport {Selection} from './Selection';\nimport {SelectionContext, type SelectionContextOptions} from './SelectionContext';\nimport {SharedState} from './SharedState';\nimport {WidgetDecoration} from './WidgetDecoration';\n\nexport * from './Autocomplete';\nexport * from './ClicksOnEdges';\nexport * from './Clipboard';\nexport * from './CommandMenu';\nexport * from './Cursor';\nexport * from './FilePaste';\nexport * from './History';\nexport * from './Placeholder';\nexport * from './ReactRenderer';\nexport * from './Selection';\nexport * from './SelectionContext';\nexport * from './SharedState';\nexport * from './WidgetDecoration';\n\nexport type BehaviorPresetOptions = {\n cursor?: CursorOptions;\n history?: HistoryOptions;\n clipboard?: ClipboardOptions;\n placeholder?: PlaceholderOptions;\n reactRenderer: ReactRenderer;\n selectionContext?: SelectionContextOptions;\n\n commandMenu?: CommandMenuOptions;\n};\n\nexport const BehaviorPreset: ExtensionAuto<BehaviorPresetOptions> = (builder, opts) => {\n builder\n .use(Selection)\n .use(SharedState)\n .use(Placeholder, opts.placeholder ?? {})\n .use(Cursor, opts.cursor ?? {})\n .use(History, opts.history ?? {})\n .use(Clipboard, opts.clipboard ?? {})\n .use(ReactRendererExtension, opts.reactRenderer)\n .use(WidgetDecoration)\n .use(SelectionContext, opts.selectionContext ?? {});\n\n if (opts.commandMenu) builder.use(CommandMenu, opts.commandMenu);\n builder.use(FilePaste);\n builder.use(ClicksOnEdges);\n};\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["extensions/behavior/index.ts"],"names":[],"mappings":";;;;AAGA,4DAA8C;AAC9C,oDAA6D;AAC7D,wDAAmE;AACnE,8CAAoD;AACpD,oDAAsC;AACtC,gDAAuD;AACvD,wDAA0C;AAC1C,4DAA2E;AAC3E,oDAAsC;AACtC,kEAAkF;AAClF,wDAA0C;AAC1C,kEAAoD;AAEpD,kEAA+B;AAC/B,mEAAgC;AAChC,+DAA4B;AAC5B,iEAA8B;AAC9B,4DAAyB;AACzB,+DAA4B;AAC5B,6DAA0B;AAC1B,iEAA8B;AAC9B,mEAAgC;AAChC,+DAA4B;AAC5B,sEAAmC;AACnC,iEAA8B;AAC9B,sEAAmC;AAc5B,MAAM,cAAc,GAAyC,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE;IAClF,OAAO;SACF,GAAG,CAAC,qBAAS,CAAC;SACd,GAAG,CAAC,yBAAW,CAAC;SAChB,GAAG,CAAC,yBAAW,EAAE,IAAI,CAAC,WAAW,IAAI,EAAE,CAAC;SACxC,GAAG,CAAC,eAAM,EAAE,IAAI,CAAC,MAAM,IAAI,EAAE,CAAC;SAC9B,GAAG,CAAC,iBAAO,EAAE,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC;SAChC,GAAG,CAAC,qBAAS,EAAE,IAAI,CAAC,SAAS,IAAI,EAAE,CAAC;SACpC,GAAG,CAAC,sCAAsB,EAAE,IAAI,CAAC,aAAa,CAAC;SAC/C,GAAG,CAAC,mCAAgB,CAAC,CAAC;IAE3B,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;QACf,OAAO,CAAC,GAAG,CAAC,mCAAgB,EAAE,IAAI,CAAC,gBAAgB,IAAI,EAAE,CAAC,CAAC;QAC3D,IAAI,IAAI,CAAC,WAAW;YAAE,OAAO,CAAC,GAAG,CAAC,yBAAW,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IACrE,CAAC;IAED,OAAO,CAAC,GAAG,CAAC,qBAAS,CAAC,CAAC;IACvB,OAAO,CAAC,GAAG,CAAC,6BAAa,CAAC,CAAC;AAC/B,CAAC,CAAC;AAlBW,QAAA,cAAc,kBAkBzB","sourcesContent":["import type {ExtensionAuto} from '../../core';\nimport type {PlaceholderOptions} from '../../utils/placeholder';\n\nimport {ClicksOnEdges} from './ClicksOnEdges';\nimport {Clipboard, type ClipboardOptions} from './Clipboard';\nimport {CommandMenu, type CommandMenuOptions} from './CommandMenu';\nimport {Cursor, type CursorOptions} from './Cursor';\nimport {FilePaste} from './FilePaste';\nimport {History, type HistoryOptions} from './History';\nimport {Placeholder} from './Placeholder';\nimport {type ReactRenderer, ReactRendererExtension} from './ReactRenderer';\nimport {Selection} from './Selection';\nimport {SelectionContext, type SelectionContextOptions} from './SelectionContext';\nimport {SharedState} from './SharedState';\nimport {WidgetDecoration} from './WidgetDecoration';\n\nexport * from './Autocomplete';\nexport * from './ClicksOnEdges';\nexport * from './Clipboard';\nexport * from './CommandMenu';\nexport * from './Cursor';\nexport * from './FilePaste';\nexport * from './History';\nexport * from './Placeholder';\nexport * from './ReactRenderer';\nexport * from './Selection';\nexport * from './SelectionContext';\nexport * from './SharedState';\nexport * from './WidgetDecoration';\n\nexport type BehaviorPresetOptions = {\n cursor?: CursorOptions;\n history?: HistoryOptions;\n clipboard?: ClipboardOptions;\n placeholder?: PlaceholderOptions;\n reactRenderer: ReactRenderer;\n selectionContext?: SelectionContextOptions;\n\n commandMenu?: CommandMenuOptions;\n mobile?: boolean;\n};\n\nexport const BehaviorPreset: ExtensionAuto<BehaviorPresetOptions> = (builder, opts) => {\n builder\n .use(Selection)\n .use(SharedState)\n .use(Placeholder, opts.placeholder ?? {})\n .use(Cursor, opts.cursor ?? {})\n .use(History, opts.history ?? {})\n .use(Clipboard, opts.clipboard ?? {})\n .use(ReactRendererExtension, opts.reactRenderer)\n .use(WidgetDecoration);\n\n if (!opts.mobile) {\n builder.use(SelectionContext, opts.selectionContext ?? {});\n if (opts.commandMenu) builder.use(CommandMenu, opts.commandMenu);\n }\n\n builder.use(FilePaste);\n builder.use(ClicksOnEdges);\n};\n"]}
@@ -40,17 +40,19 @@ const CodeBlockHighlight = (builder, opts) => {
40
40
  key,
41
41
  state: {
42
42
  init: (_, state) => {
43
- loadModules().then(() => {
44
- modulesLoaded = true;
45
- for (const lang of Object.keys(langs)) {
46
- const defs = langs[lang](hljs);
47
- selectItems.push({
48
- value: lang,
49
- content: defs.name || (0, lodash_1.capitalize)(lang),
50
- });
51
- if (defs.aliases) {
52
- for (const alias of defs.aliases) {
53
- mapping[alias] = lang;
43
+ loadModules().then((loaded) => {
44
+ modulesLoaded = loaded;
45
+ if (modulesLoaded) {
46
+ for (const lang of Object.keys(langs)) {
47
+ const defs = langs[lang](hljs);
48
+ selectItems.push({
49
+ value: lang,
50
+ content: defs.name || (0, lodash_1.capitalize)(lang),
51
+ });
52
+ if (defs.aliases) {
53
+ for (const alias of defs.aliases) {
54
+ mapping[alias] = lang;
55
+ }
54
56
  }
55
57
  }
56
58
  }
@@ -1 +1 @@
1
- {"version":3,"file":"CodeBlockHighlight.js","sourceRoot":"../../../../../../src","sources":["extensions/markdown/CodeBlock/CodeBlockHighlight/CodeBlockHighlight.ts"],"names":[],"mappings":"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","sourcesContent":["import type {Options} from '@diplodoc/transform';\n// importing only type, because lowlight and highlight.js is optional deps\nimport type HLJS from 'highlight.js/lib/core';\nimport type {createLowlight} from 'lowlight' with {'resolution-mode': 'import'};\nimport type {Node} from 'prosemirror-model';\nimport {Plugin, PluginKey} from 'prosemirror-state';\nimport type {Step} from 'prosemirror-transform';\n// @ts-ignore // TODO: fix cjs build\nimport {findChildrenByType} from 'prosemirror-utils';\nimport {Decoration, DecorationSet} from 'prosemirror-view';\n\nimport type {ExtensionAuto} from '../../../../core';\nimport {capitalize} from '../../../../lodash';\nimport {globalLogger} from '../../../../logger';\nimport {CodeBlockNodeAttr, codeBlockNodeName, codeBlockType} from '../CodeBlockSpecs';\n\nimport {codeLangSelectTooltipViewCreator} from './TooltipPlugin';\n\nexport type HighlightLangMap = Options['highlightLangs'];\n\ntype Lowlight = ReturnType<typeof createLowlight>;\ntype Root = ReturnType<Lowlight['highlight']>;\n\ntype LangSelectItem = {\n value: string;\n content: string;\n};\n\nconst key = new PluginKey<DecorationSet>('code_block_highlight');\n\nexport type CodeBlockHighlightOptions = {\n langs?: HighlightLangMap;\n};\n\nexport const CodeBlockHighlight: ExtensionAuto<CodeBlockHighlightOptions> = (builder, opts) => {\n let langs: NonNullable<HighlightLangMap>;\n let lowlight: Lowlight;\n let hljs: typeof HLJS;\n\n const loadModules = async () => {\n try {\n hljs = (await import('highlight.js/lib/core')).default;\n const low = await import('lowlight');\n\n const all: HighlightLangMap = low.all;\n const create: typeof createLowlight = low.createLowlight;\n langs = {...all, ...opts.langs};\n lowlight = create(langs);\n return true;\n } catch (e) {\n globalLogger.info('Skip code_block highlighting');\n builder.logger.log('Skip code_block highlighting');\n return false;\n }\n };\n\n builder.addPlugin(() => {\n let modulesLoaded = false;\n\n const selectItems: LangSelectItem[] = [];\n const mapping: Record<string, string> = {};\n\n // TODO: add TAB key handler\n // TODO: Remove constant selection of block\n return new Plugin<DecorationSet>({\n key,\n state: {\n init: (_, state) => {\n loadModules().then(() => {\n modulesLoaded = true;\n\n for (const lang of Object.keys(langs)) {\n const defs = langs[lang](hljs);\n selectItems.push({\n value: lang,\n content: defs.name || capitalize(lang),\n });\n if (defs.aliases) {\n for (const alias of defs.aliases) {\n mapping[alias] = lang;\n }\n }\n }\n });\n return getDecorations(state.doc);\n },\n apply: (tr, decos, oldState, newState) => {\n if (!modulesLoaded) {\n return DecorationSet.empty;\n }\n\n if (tr.docChanged) {\n const oldNodeName = oldState.selection.$head.parent.type.name;\n const newNodeName = newState.selection.$head.parent.type.name;\n\n // Apply decorations if:\n if (\n oldNodeName === codeBlockNodeName ||\n newNodeName === codeBlockNodeName\n ) {\n // selection includes codeblock node,\n return getDecorations(tr.doc);\n } else {\n const oldNodes = findChildrenByType(\n oldState.doc,\n codeBlockType(oldState.schema),\n );\n const newNodes = findChildrenByType(\n newState.doc,\n codeBlockType(newState.schema),\n );\n if (\n // OR transaction adds/removes codeblock nodes,\n newNodes.length !== oldNodes.length ||\n // OR transaction has changes that completely encapsulate a node\n // (for example, a transaction that affects the entire document).\n // Such transactions can happen during collab syncing via y-prosemirror, for example.\n tr.steps.some((step) => {\n return (\n stepHasFromTo(step) &&\n oldNodes.some(\n (node: {node: Node; pos: number}) =>\n node.pos >= step.from &&\n node.pos + node.node.nodeSize <= step.to,\n )\n );\n })\n ) {\n return getDecorations(tr.doc);\n }\n }\n }\n return decos.map(tr.mapping, tr.doc);\n },\n },\n view: (view) => codeLangSelectTooltipViewCreator(view, selectItems, mapping),\n props: {\n decorations: (state) => {\n return key.getState(state);\n },\n nodeViews: {\n [codeBlockNodeName]: (node) => {\n let prevLang = node.attrs[CodeBlockNodeAttr.Lang];\n\n const dom = document.createElement('pre');\n\n const contentDOM = document.createElement('code');\n contentDOM.classList.add('hljs');\n\n if (prevLang) {\n dom.setAttribute(CodeBlockNodeAttr.Lang, prevLang);\n contentDOM.classList.add(prevLang);\n }\n\n dom.append(contentDOM);\n\n return {\n dom,\n contentDOM,\n update(newNode) {\n if (node.type !== newNode.type) return false;\n\n const newLang = newNode.attrs[CodeBlockNodeAttr.Lang];\n if (prevLang !== newLang) {\n contentDOM.className = 'hljs';\n if (newLang) {\n dom.setAttribute(CodeBlockNodeAttr.Lang, newLang);\n contentDOM.classList.add(newLang);\n } else {\n dom.removeAttribute(CodeBlockNodeAttr.Lang);\n }\n prevLang = newLang;\n }\n\n return true;\n },\n };\n },\n },\n },\n });\n });\n\n function getDecorations(doc: Node) {\n const decos: Decoration[] = [];\n\n if (!lowlight) {\n return DecorationSet.empty;\n }\n\n for (const {node, pos} of findChildrenByType(doc, codeBlockType(doc.type.schema), true)) {\n let from = pos + 1;\n let nodes: Root['children'];\n\n const lang: string | undefined = node.attrs[CodeBlockNodeAttr.Lang];\n if (lang && lowlight.registered(lang)) {\n nodes = lowlight.highlight(lang, node.textContent).children;\n } else {\n continue;\n }\n\n for (const {text, classes} of parseNodes(nodes)) {\n const to = from + text.length;\n if (classes.length) {\n decos.push(\n Decoration.inline(from, to, {\n class: classes.join(' '),\n }),\n );\n }\n from = to;\n }\n }\n\n return DecorationSet.create(doc, decos);\n }\n};\n\nfunction parseNodes(\n nodes: Root['children'],\n className: readonly string[] = [],\n): {text: string; classes: readonly string[]}[] {\n return nodes\n .map((node) => {\n let classes = className;\n if (node.type === 'element') {\n classes = classes.concat((node.properties.className as string[]) ?? []);\n return parseNodes(node.children, classes);\n }\n\n return {\n text: node.type === 'comment' || node.type === 'text' ? node.value : '',\n classes,\n };\n })\n .flat();\n}\n\nfunction stepHasFromTo(step: Step): step is Step & {from: number; to: number} {\n // @ts-expect-error\n return typeof step.from === 'number' && typeof step.to === 'number';\n}\n"]}
1
+ {"version":3,"file":"CodeBlockHighlight.js","sourceRoot":"../../../../../../src","sources":["extensions/markdown/CodeBlock/CodeBlockHighlight/CodeBlockHighlight.ts"],"names":[],"mappings":"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","sourcesContent":["import type {Options} from '@diplodoc/transform';\n// importing only type, because lowlight and highlight.js is optional deps\nimport type HLJS from 'highlight.js/lib/core';\nimport type {createLowlight} from 'lowlight' with {'resolution-mode': 'import'};\nimport type {Node} from 'prosemirror-model';\nimport {Plugin, PluginKey} from 'prosemirror-state';\nimport type {Step} from 'prosemirror-transform';\n// @ts-ignore // TODO: fix cjs build\nimport {findChildrenByType} from 'prosemirror-utils';\nimport {Decoration, DecorationSet} from 'prosemirror-view';\n\nimport type {ExtensionAuto} from '../../../../core';\nimport {capitalize} from '../../../../lodash';\nimport {globalLogger} from '../../../../logger';\nimport {CodeBlockNodeAttr, codeBlockNodeName, codeBlockType} from '../CodeBlockSpecs';\n\nimport {codeLangSelectTooltipViewCreator} from './TooltipPlugin';\n\nexport type HighlightLangMap = Options['highlightLangs'];\n\ntype Lowlight = ReturnType<typeof createLowlight>;\ntype Root = ReturnType<Lowlight['highlight']>;\n\ntype LangSelectItem = {\n value: string;\n content: string;\n};\n\nconst key = new PluginKey<DecorationSet>('code_block_highlight');\n\nexport type CodeBlockHighlightOptions = {\n langs?: HighlightLangMap;\n};\n\nexport const CodeBlockHighlight: ExtensionAuto<CodeBlockHighlightOptions> = (builder, opts) => {\n let langs: NonNullable<HighlightLangMap>;\n let lowlight: Lowlight;\n let hljs: typeof HLJS;\n\n const loadModules = async () => {\n try {\n hljs = (await import('highlight.js/lib/core')).default;\n const low = await import('lowlight');\n\n const all: HighlightLangMap = low.all;\n const create: typeof createLowlight = low.createLowlight;\n langs = {...all, ...opts.langs};\n lowlight = create(langs);\n return true;\n } catch (e) {\n globalLogger.info('Skip code_block highlighting');\n builder.logger.log('Skip code_block highlighting');\n return false;\n }\n };\n\n builder.addPlugin(() => {\n let modulesLoaded = false;\n\n const selectItems: LangSelectItem[] = [];\n const mapping: Record<string, string> = {};\n\n // TODO: add TAB key handler\n // TODO: Remove constant selection of block\n return new Plugin<DecorationSet>({\n key,\n state: {\n init: (_, state) => {\n loadModules().then((loaded) => {\n modulesLoaded = loaded;\n\n if (modulesLoaded) {\n for (const lang of Object.keys(langs)) {\n const defs = langs[lang](hljs);\n selectItems.push({\n value: lang,\n content: defs.name || capitalize(lang),\n });\n if (defs.aliases) {\n for (const alias of defs.aliases) {\n mapping[alias] = lang;\n }\n }\n }\n }\n });\n return getDecorations(state.doc);\n },\n apply: (tr, decos, oldState, newState) => {\n if (!modulesLoaded) {\n return DecorationSet.empty;\n }\n\n if (tr.docChanged) {\n const oldNodeName = oldState.selection.$head.parent.type.name;\n const newNodeName = newState.selection.$head.parent.type.name;\n\n // Apply decorations if:\n if (\n oldNodeName === codeBlockNodeName ||\n newNodeName === codeBlockNodeName\n ) {\n // selection includes codeblock node,\n return getDecorations(tr.doc);\n } else {\n const oldNodes = findChildrenByType(\n oldState.doc,\n codeBlockType(oldState.schema),\n );\n const newNodes = findChildrenByType(\n newState.doc,\n codeBlockType(newState.schema),\n );\n if (\n // OR transaction adds/removes codeblock nodes,\n newNodes.length !== oldNodes.length ||\n // OR transaction has changes that completely encapsulate a node\n // (for example, a transaction that affects the entire document).\n // Such transactions can happen during collab syncing via y-prosemirror, for example.\n tr.steps.some((step) => {\n return (\n stepHasFromTo(step) &&\n oldNodes.some(\n (node: {node: Node; pos: number}) =>\n node.pos >= step.from &&\n node.pos + node.node.nodeSize <= step.to,\n )\n );\n })\n ) {\n return getDecorations(tr.doc);\n }\n }\n }\n return decos.map(tr.mapping, tr.doc);\n },\n },\n view: (view) => codeLangSelectTooltipViewCreator(view, selectItems, mapping),\n props: {\n decorations: (state) => {\n return key.getState(state);\n },\n nodeViews: {\n [codeBlockNodeName]: (node) => {\n let prevLang = node.attrs[CodeBlockNodeAttr.Lang];\n\n const dom = document.createElement('pre');\n\n const contentDOM = document.createElement('code');\n contentDOM.classList.add('hljs');\n\n if (prevLang) {\n dom.setAttribute(CodeBlockNodeAttr.Lang, prevLang);\n contentDOM.classList.add(prevLang);\n }\n\n dom.append(contentDOM);\n\n return {\n dom,\n contentDOM,\n update(newNode) {\n if (node.type !== newNode.type) return false;\n\n const newLang = newNode.attrs[CodeBlockNodeAttr.Lang];\n if (prevLang !== newLang) {\n contentDOM.className = 'hljs';\n if (newLang) {\n dom.setAttribute(CodeBlockNodeAttr.Lang, newLang);\n contentDOM.classList.add(newLang);\n } else {\n dom.removeAttribute(CodeBlockNodeAttr.Lang);\n }\n prevLang = newLang;\n }\n\n return true;\n },\n };\n },\n },\n },\n });\n });\n\n function getDecorations(doc: Node) {\n const decos: Decoration[] = [];\n\n if (!lowlight) {\n return DecorationSet.empty;\n }\n\n for (const {node, pos} of findChildrenByType(doc, codeBlockType(doc.type.schema), true)) {\n let from = pos + 1;\n let nodes: Root['children'];\n\n const lang: string | undefined = node.attrs[CodeBlockNodeAttr.Lang];\n if (lang && lowlight.registered(lang)) {\n nodes = lowlight.highlight(lang, node.textContent).children;\n } else {\n continue;\n }\n\n for (const {text, classes} of parseNodes(nodes)) {\n const to = from + text.length;\n if (classes.length) {\n decos.push(\n Decoration.inline(from, to, {\n class: classes.join(' '),\n }),\n );\n }\n from = to;\n }\n }\n\n return DecorationSet.create(doc, decos);\n }\n};\n\nfunction parseNodes(\n nodes: Root['children'],\n className: readonly string[] = [],\n): {text: string; classes: readonly string[]}[] {\n return nodes\n .map((node) => {\n let classes = className;\n if (node.type === 'element') {\n classes = classes.concat((node.properties.className as string[]) ?? []);\n return parseNodes(node.children, classes);\n }\n\n return {\n text: node.type === 'comment' || node.type === 'text' ? node.value : '',\n classes,\n };\n })\n .flat();\n}\n\nfunction stepHasFromTo(step: Step): step is Step & {from: number; to: number} {\n // @ts-expect-error\n return typeof step.from === 'number' && typeof step.to === 'number';\n}\n"]}
@@ -1,2 +1,2 @@
1
- import type { EditorProps } from 'prosemirror-view';
1
+ import type { EditorProps } from "../../../pm/view.js";
2
2
  export declare const handlePaste: NonNullable<EditorProps['handlePaste']>;
@@ -1,6 +1,10 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.handlePaste = void 0;
4
+ const tslib_1 = require("tslib");
5
+ const ts_dedent_1 = tslib_1.__importDefault(require("ts-dedent"));
6
+ const _core_1 = require("../../../core/index.js");
7
+ const model_1 = require("../../../pm/model.js");
4
8
  const clipboard_1 = require("../../../utils/clipboard.js");
5
9
  const CodeBlockSpecs_1 = require("./CodeBlockSpecs/index.js");
6
10
  const const_1 = require("./const.js");
@@ -10,10 +14,22 @@ const handlePaste = (view, e) => {
10
14
  const code = getCodeData(e.clipboardData);
11
15
  if (!code)
12
16
  return false;
13
- let tr = view.state.tr;
14
- const { schema } = tr.doc.type;
15
- const codeBlockNode = (0, const_1.codeBlockType)(schema).create({ [CodeBlockSpecs_1.CodeBlockNodeAttr.Lang]: code.mode }, schema.text(code.value));
16
- tr = tr.replaceSelectionWith(codeBlockNode);
17
+ (0, _core_1.getLoggerFromState)(view.state).event({
18
+ domEvent: 'paste',
19
+ event: 'paste-from-code-editor',
20
+ editor: code.editor,
21
+ editorMode: code.mode,
22
+ empty: !code.value,
23
+ dataTypes: e.clipboardData.types,
24
+ });
25
+ const { tr, schema } = view.state;
26
+ if (code.value) {
27
+ const codeBlockNode = (0, const_1.codeBlockType)(schema).create({ [CodeBlockSpecs_1.CodeBlockNodeAttr.Lang]: code.mode }, schema.text(code.value));
28
+ tr.replaceSelectionWith(codeBlockNode);
29
+ }
30
+ else {
31
+ tr.replaceWith(tr.selection.from, tr.selection.to, model_1.Fragment.empty);
32
+ }
17
33
  view.dispatch(tr.scrollIntoView());
18
34
  return true;
19
35
  };
@@ -28,7 +44,7 @@ function getCodeData(data) {
28
44
  }
29
45
  else
30
46
  return null;
31
- return { editor, mode, value: data.getData(clipboard_1.DataTransferType.Text) };
47
+ return { editor, mode, value: (0, ts_dedent_1.default)(data.getData(clipboard_1.DataTransferType.Text)) };
32
48
  }
33
49
  return null;
34
50
  }
@@ -1 +1 @@
1
- {"version":3,"file":"handle-paste.js","sourceRoot":"../../../../../src","sources":["extensions/markdown/CodeBlock/handle-paste.ts"],"names":[],"mappings":";;;AAEA,2DAAwF;AAExF,8DAAmD;AACnD,sCAAsC;AAE/B,MAAM,WAAW,GAA4C,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;IAC5E,IAAI,CAAC,CAAC,CAAC,aAAa,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI;QAAE,OAAO,KAAK,CAAC;IACvF,MAAM,IAAI,GAAG,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;IAC1C,IAAI,CAAC,IAAI;QAAE,OAAO,KAAK,CAAC;IACxB,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;IACvB,MAAM,EAAC,MAAM,EAAC,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC;IAC7B,MAAM,aAAa,GAAG,IAAA,qBAAa,EAAC,MAAM,CAAC,CAAC,MAAM,CAC9C,EAAC,CAAC,kCAAiB,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,IAAI,EAAC,EACrC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAC1B,CAAC;IACF,EAAE,GAAG,EAAE,CAAC,oBAAoB,CAAC,aAAa,CAAC,CAAC;IAC5C,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,cAAc,EAAE,CAAC,CAAC;IACnC,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AAbW,QAAA,WAAW,eAatB;AAEF,SAAS,WAAW,CAAC,IAAkB;IACnC,IAAI,IAAI,CAAC,OAAO,CAAC,4BAAgB,CAAC,IAAI,CAAC,EAAE,CAAC;QACtC,IAAI,MAAM,GAAG,SAAS,CAAC;QACvB,IAAI,IAAwB,CAAC;QAE7B,IAAI,IAAA,oBAAQ,EAAC,IAAI,CAAC,EAAE,CAAC;YACjB,MAAM,GAAG,QAAQ,CAAC;YAClB,IAAI,GAAG,IAAA,8BAAkB,EAAC,IAAI,CAAC,EAAE,IAAI,CAAC;QAC1C,CAAC;;YAAM,OAAO,IAAI,CAAC;QAEnB,OAAO,EAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,4BAAgB,CAAC,IAAI,CAAC,EAAC,CAAC;IACtE,CAAC;IACD,OAAO,IAAI,CAAC;AAChB,CAAC","sourcesContent":["import type {EditorProps} from 'prosemirror-view';\n\nimport {DataTransferType, isVSCode, tryParseVSCodeData} from '../../../utils/clipboard';\n\nimport {CodeBlockNodeAttr} from './CodeBlockSpecs';\nimport {codeBlockType} from './const';\n\nexport const handlePaste: NonNullable<EditorProps['handlePaste']> = (view, e) => {\n if (!e.clipboardData || view.state.selection.$from.parent.type.spec.code) return false;\n const code = getCodeData(e.clipboardData);\n if (!code) return false;\n let tr = view.state.tr;\n const {schema} = tr.doc.type;\n const codeBlockNode = codeBlockType(schema).create(\n {[CodeBlockNodeAttr.Lang]: code.mode},\n schema.text(code.value),\n );\n tr = tr.replaceSelectionWith(codeBlockNode);\n view.dispatch(tr.scrollIntoView());\n return true;\n};\n\nfunction getCodeData(data: DataTransfer): null | {editor: string; mode?: string; value: string} {\n if (data.getData(DataTransferType.Text)) {\n let editor = 'unknown';\n let mode: string | undefined;\n\n if (isVSCode(data)) {\n editor = 'vscode';\n mode = tryParseVSCodeData(data)?.mode;\n } else return null;\n\n return {editor, mode, value: data.getData(DataTransferType.Text)};\n }\n return null;\n}\n"]}
1
+ {"version":3,"file":"handle-paste.js","sourceRoot":"../../../../../src","sources":["extensions/markdown/CodeBlock/handle-paste.ts"],"names":[],"mappings":";;;;AAAA,kEAA2B;AAE3B,kDAAyC;AACzC,gDAAmC;AAEnC,2DAAmF;AAEnF,8DAAmD;AACnD,sCAAsC;AAE/B,MAAM,WAAW,GAA4C,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;IAC5E,IAAI,CAAC,CAAC,CAAC,aAAa,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI;QAAE,OAAO,KAAK,CAAC;IACvF,MAAM,IAAI,GAAG,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;IAC1C,IAAI,CAAC,IAAI;QAAE,OAAO,KAAK,CAAC;IAExB,IAAA,0BAAkB,EAAC,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC;QACjC,QAAQ,EAAE,OAAO;QACjB,KAAK,EAAE,wBAAwB;QAC/B,MAAM,EAAE,IAAI,CAAC,MAAM;QACnB,UAAU,EAAE,IAAI,CAAC,IAAI;QACrB,KAAK,EAAE,CAAC,IAAI,CAAC,KAAK;QAClB,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,KAAK;KACnC,CAAC,CAAC;IAEH,MAAM,EAAC,EAAE,EAAE,MAAM,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;IAChC,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;QACb,MAAM,aAAa,GAAG,IAAA,qBAAa,EAAC,MAAM,CAAC,CAAC,MAAM,CAC9C,EAAC,CAAC,kCAAiB,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,IAAI,EAAC,EACrC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAC1B,CAAC;QACF,EAAE,CAAC,oBAAoB,CAAC,aAAa,CAAC,CAAC;IAC3C,CAAC;SAAM,CAAC;QACJ,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,CAAC,SAAS,CAAC,EAAE,EAAE,gBAAQ,CAAC,KAAK,CAAC,CAAC;IACvE,CAAC;IACD,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,cAAc,EAAE,CAAC,CAAC;IACnC,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AA1BW,QAAA,WAAW,eA0BtB;AAEF,SAAS,WAAW,CAAC,IAAkB;IACnC,IAAI,IAAI,CAAC,OAAO,CAAC,4BAAgB,CAAC,IAAI,CAAC,EAAE,CAAC;QACtC,IAAI,MAAM,GAAG,SAAS,CAAC;QACvB,IAAI,IAAwB,CAAC;QAE7B,IAAI,IAAA,oBAAQ,EAAC,IAAI,CAAC,EAAE,CAAC;YACjB,MAAM,GAAG,QAAQ,CAAC;YAClB,IAAI,GAAG,IAAA,8BAAkB,EAAC,IAAI,CAAC,EAAE,IAAI,CAAC;QAC1C,CAAC;;YAAM,OAAO,IAAI,CAAC;QAEnB,OAAO,EAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAA,mBAAE,EAAC,IAAI,CAAC,OAAO,CAAC,4BAAgB,CAAC,IAAI,CAAC,CAAC,EAAC,CAAC;IAC1E,CAAC;IACD,OAAO,IAAI,CAAC;AAChB,CAAC","sourcesContent":["import dd from 'ts-dedent';\n\nimport {getLoggerFromState} from '#core';\nimport {Fragment} from '#pm/model';\nimport type {EditorProps} from '#pm/view';\nimport {DataTransferType, isVSCode, tryParseVSCodeData} from 'src/utils/clipboard';\n\nimport {CodeBlockNodeAttr} from './CodeBlockSpecs';\nimport {codeBlockType} from './const';\n\nexport const handlePaste: NonNullable<EditorProps['handlePaste']> = (view, e) => {\n if (!e.clipboardData || view.state.selection.$from.parent.type.spec.code) return false;\n const code = getCodeData(e.clipboardData);\n if (!code) return false;\n\n getLoggerFromState(view.state).event({\n domEvent: 'paste',\n event: 'paste-from-code-editor',\n editor: code.editor,\n editorMode: code.mode,\n empty: !code.value,\n dataTypes: e.clipboardData.types,\n });\n\n const {tr, schema} = view.state;\n if (code.value) {\n const codeBlockNode = codeBlockType(schema).create(\n {[CodeBlockNodeAttr.Lang]: code.mode},\n schema.text(code.value),\n );\n tr.replaceSelectionWith(codeBlockNode);\n } else {\n tr.replaceWith(tr.selection.from, tr.selection.to, Fragment.empty);\n }\n view.dispatch(tr.scrollIntoView());\n return true;\n};\n\nfunction getCodeData(data: DataTransfer): null | {editor: string; mode?: string; value: string} {\n if (data.getData(DataTransferType.Text)) {\n let editor = 'unknown';\n let mode: string | undefined;\n\n if (isVSCode(data)) {\n editor = 'vscode';\n mode = tryParseVSCodeData(data)?.mode;\n } else return null;\n\n return {editor, mode, value: dd(data.getData(DataTransferType.Text))};\n }\n return null;\n}\n"]}
@@ -70,57 +70,42 @@ exports.linkTooltipPlugin = linkTooltipPlugin;
70
70
  class SelectionTooltip {
71
71
  normalizeUrl;
72
72
  view;
73
+ show;
73
74
  textNode;
74
75
  textNodeRef;
75
- isTooltipOpen = false;
76
76
  manualHidden = false;
77
77
  renderItem;
78
- selectionTooltipProps = { show: false };
79
78
  constructor(view, deps) {
80
79
  this.normalizeUrl = (0, index_1.normalizeUrlFactory)(deps);
81
80
  this.view = view;
82
- this.update(view, null);
81
+ this.show = false;
82
+ this.update(view);
83
83
  }
84
- update(view, prevState) {
84
+ update(view) {
85
85
  if (!view.dom.parentNode) {
86
86
  this.hideTooltip();
87
87
  return;
88
88
  }
89
89
  const { state } = view;
90
- if (prevState && prevState.doc.eq(state.doc) && prevState.selection.eq(state.selection))
91
- return;
92
- this.textNode = getTextNode(view.state);
90
+ this.textNode = getTextNode(state);
93
91
  const prevRef = this.textNodeRef;
94
- this.updateTextNodeRef();
95
- if (!this.textNode || !this.textNodeRef) {
96
- this.hideTooltip();
97
- return;
98
- }
92
+ this.textNodeRef = this.view.dom.getElementsByClassName(className)[0];
99
93
  if (prevRef !== this.textNodeRef) {
100
94
  this.manualHidden = false;
101
95
  }
102
- if (this.manualHidden) {
96
+ if (this.manualHidden || !this.textNode || !this.textNodeRef) {
103
97
  this.hideTooltip();
98
+ return;
104
99
  }
105
- else {
106
- this.renderTooltip({
107
- show: true,
108
- domElem: this.textNodeRef,
109
- onCancel: () => this.cancelPopup(),
110
- attrs: this.getMarkAttrs(),
111
- onChange: this.changeAttrs.bind(this),
112
- onOpenChange: this.onOpenChange,
113
- });
114
- }
100
+ this.showTooltip();
115
101
  }
116
102
  destroy() {
117
- this.isTooltipOpen = false;
118
- this.selectionTooltipProps = { show: false };
103
+ this.show = false;
119
104
  this.renderItem?.remove();
120
105
  this.renderItem = undefined;
121
106
  }
122
107
  onEscapeDown() {
123
- if (this.isTooltipOpen) {
108
+ if (this.show) {
124
109
  this.removePlaceholderLink(this.textNode);
125
110
  this.manualHidden = true;
126
111
  this.hideTooltip();
@@ -128,24 +113,23 @@ class SelectionTooltip {
128
113
  }
129
114
  return false;
130
115
  }
131
- updateTextNodeRef() {
132
- const decoElem = this.view.dom.getElementsByClassName(className)[0];
133
- this.textNodeRef = decoElem;
134
- }
135
116
  getMarkAttrs() {
136
117
  const { textNode } = this;
137
118
  const linkMark = textNode && (0, marks_1.findMark)(textNode.node, (0, index_1.linkType)(this.view.state.schema));
138
119
  return linkMark?.attrs;
139
120
  }
140
- hideTooltip() {
141
- this.renderTooltip({ show: false });
142
- }
143
- renderTooltip(props) {
144
- this.isTooltipOpen = props.show;
145
- this.selectionTooltipProps = props;
121
+ renderTooltip() {
146
122
  this.renderItem = this.renderItem ?? this.createRenderItem();
147
123
  this.renderItem.rerender();
148
124
  }
125
+ hideTooltip() {
126
+ this.show = false;
127
+ this.renderTooltip();
128
+ }
129
+ showTooltip() {
130
+ this.show = true;
131
+ this.renderTooltip();
132
+ }
149
133
  onOpenChange = (open, _e, reason) => {
150
134
  if (open)
151
135
  return;
@@ -153,10 +137,10 @@ class SelectionTooltip {
153
137
  this.cancelPopup();
154
138
  }
155
139
  else {
156
- this.onOutisdeClick();
140
+ this.onOutsideClick();
157
141
  }
158
142
  };
159
- onOutisdeClick = () => {
143
+ onOutsideClick = () => {
160
144
  this.removePlaceholderLink(this.textNode);
161
145
  this.hideTooltip();
162
146
  this.manualHidden = true;
@@ -197,7 +181,7 @@ class SelectionTooltip {
197
181
  }
198
182
  }
199
183
  createRenderItem() {
200
- return (0, ReactRenderer_1.getReactRendererFromState)(this.view.state).createItem('link-tooltip', () => ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorLoggerBoundary, { children: (0, jsx_runtime_1.jsx)(SelectionTooltipView, { ...this.selectionTooltipProps }) })));
184
+ return (0, ReactRenderer_1.getReactRendererFromState)(this.view.state).createItem('link-tooltip', () => ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorLoggerBoundary, { children: (0, jsx_runtime_1.jsx)(SelectionTooltipView, { show: this.show, domElem: this.textNodeRef, onCancel: this.cancelPopup.bind(this), attrs: this.getMarkAttrs(), onChange: this.changeAttrs.bind(this), onOpenChange: this.onOpenChange }) })));
201
185
  }
202
186
  }
203
187
  const SelectionTooltipView = (props) => {
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"../../../../../../../src","sources":["extensions/markdown/Link/plugins/LinkTooltipPlugin/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Popup, type PopupPlacement, type PopupProps} from '@gravity-ui/uikit';\nimport {keydownHandler} from 'prosemirror-keymap';\nimport type {Node} from 'prosemirror-model';\nimport {type EditorState, Plugin, type PluginView, TextSelection} from 'prosemirror-state';\n// @ts-ignore // TODO: fix cjs build\nimport {findChildrenByMark, findParentNode} from 'prosemirror-utils';\nimport {Decoration, DecorationSet, type EditorView} from 'prosemirror-view';\n\nimport type {ExtensionDeps} from '../../../../../core';\nimport {ErrorLoggerBoundary} from '../../../../../react-utils/ErrorBoundary';\nimport {findMark, isMarkActive} from '../../../../../utils/marks';\nimport {type RendererItem, getReactRendererFromState} from '../../../../behavior/ReactRenderer';\nimport {LinkAttr, linkType, normalizeUrlFactory} from '../../../index';\n\nimport {LinkForm} from './TooltipView';\n\nconst className = 'pm-link-focus-deco';\nconst placement: PopupPlacement = ['bottom-start', 'bottom-end', 'top-start', 'top-end'];\n\nfunction getTextNode(state: EditorState) {\n if (\n !(state.selection instanceof TextSelection) ||\n !state.selection.empty ||\n !isMarkActive(state, linkType(state.schema))\n )\n return null;\n\n const parent = findParentNode(Boolean)(state.selection);\n\n if (!parent) {\n return null;\n }\n\n const textNodes = findChildrenByMark(parent?.node, linkType(state.schema));\n\n const textNode = textNodes.find((n: {node: Node; pos: number}) => {\n const start = n.pos + parent.pos;\n const end = start + n.node.nodeSize;\n return start <= state.selection.from && end >= state.selection.from;\n })!;\n\n if (!textNode) return null;\n\n const absolutePos = textNode.pos + parent.pos + 1;\n\n return {\n ...textNode,\n absolutePos,\n parent,\n from: absolutePos,\n to: absolutePos + textNode.node.nodeSize,\n };\n}\n\nexport const linkTooltipPlugin = (deps: ExtensionDeps) => {\n let viewTooltip: SelectionTooltip | null = null;\n return new Plugin({\n view(view) {\n viewTooltip = new SelectionTooltip(view, deps);\n return viewTooltip;\n },\n props: {\n handleKeyDown: keydownHandler({\n Escape: () => viewTooltip?.onEscapeDown() ?? false,\n }),\n decorations(state) {\n const textNode = getTextNode(state);\n if (!textNode) return DecorationSet.empty;\n\n const {from, to} = textNode;\n return DecorationSet.create(state.doc, [\n Decoration.inline(from, to, {\n class: `pm-node-selected ${className}`,\n }),\n ]);\n },\n },\n });\n};\n\nclass SelectionTooltip implements PluginView {\n private normalizeUrl;\n\n private view: EditorView;\n\n private textNode?: ReturnType<typeof getTextNode>;\n private textNodeRef: HTMLElement | undefined;\n\n private isTooltipOpen = false;\n private manualHidden = false;\n\n private renderItem?: RendererItem;\n private selectionTooltipProps: SelectionTooltipViewBaseProps = {show: false};\n\n constructor(view: EditorView, deps: ExtensionDeps) {\n this.normalizeUrl = normalizeUrlFactory(deps);\n\n this.view = view;\n\n this.update(view, null);\n }\n\n update(view: EditorView, prevState?: EditorState | null) {\n if (!view.dom.parentNode) {\n this.hideTooltip();\n return;\n }\n\n const {state} = view;\n\n if (prevState && prevState.doc.eq(state.doc) && prevState.selection.eq(state.selection))\n return;\n\n this.textNode = getTextNode(view.state);\n\n const prevRef = this.textNodeRef;\n this.updateTextNodeRef();\n\n if (!this.textNode || !this.textNodeRef) {\n this.hideTooltip();\n return;\n }\n\n if (prevRef !== this.textNodeRef) {\n this.manualHidden = false;\n }\n\n if (this.manualHidden) {\n this.hideTooltip();\n } else {\n this.renderTooltip({\n show: true,\n domElem: this.textNodeRef,\n onCancel: () => this.cancelPopup(),\n attrs: this.getMarkAttrs(),\n onChange: this.changeAttrs.bind(this),\n onOpenChange: this.onOpenChange,\n });\n }\n }\n\n destroy() {\n this.isTooltipOpen = false;\n this.selectionTooltipProps = {show: false};\n this.renderItem?.remove();\n this.renderItem = undefined;\n }\n\n onEscapeDown(): boolean {\n if (this.isTooltipOpen) {\n this.removePlaceholderLink(this.textNode);\n this.manualHidden = true;\n this.hideTooltip();\n return true;\n }\n\n return false;\n }\n\n private updateTextNodeRef() {\n const decoElem = this.view.dom.getElementsByClassName(className)[0];\n this.textNodeRef = decoElem as HTMLElement | undefined;\n }\n\n private getMarkAttrs() {\n const {textNode} = this;\n const linkMark = textNode && findMark(textNode.node, linkType(this.view.state.schema));\n return linkMark?.attrs;\n }\n\n private hideTooltip() {\n this.renderTooltip({show: false});\n }\n\n private renderTooltip(props: SelectionTooltipViewBaseProps) {\n this.isTooltipOpen = props.show;\n this.selectionTooltipProps = props;\n this.renderItem = this.renderItem ?? this.createRenderItem();\n this.renderItem.rerender();\n }\n\n private onOpenChange: NonNullable<PopupProps['onOpenChange']> = (open, _e, reason) => {\n if (open) return;\n if (reason === 'escape-key') {\n this.cancelPopup();\n } else {\n this.onOutisdeClick();\n }\n };\n\n private onOutisdeClick = () => {\n this.removePlaceholderLink(this.textNode);\n this.hideTooltip();\n this.manualHidden = true;\n };\n\n private cancelPopup() {\n this.removePlaceholderLink(this.textNode, {returnSelection: true});\n this.manualHidden = true;\n this.hideTooltip();\n this.view.focus();\n }\n\n private removePlaceholderLink(\n textNode?: ReturnType<typeof getTextNode>,\n opts?: {returnSelection?: boolean},\n ) {\n if (textNode) {\n const {view} = this;\n const {state} = view;\n const attrs = findMark(textNode.node, linkType(state.schema))?.attrs;\n if (attrs?.[LinkAttr.IsPlaceholder]) {\n const {from, to} = textNode;\n let tr = state.tr.removeMark(from, to, linkType(state.schema));\n if (opts?.returnSelection) {\n tr = tr.setSelection(TextSelection.create(tr.doc, from, to));\n }\n view.dispatch(tr);\n }\n }\n }\n\n private changeAttrs({href}: {href: string}) {\n const {view, textNode} = this;\n if (!textNode) return;\n\n const normalizeResult = this.normalizeUrl(href);\n if (normalizeResult) {\n const {url} = normalizeResult;\n const {from, to} = textNode;\n\n const tr = view.state.tr;\n tr.setSelection(TextSelection.create(tr.doc, tr.mapping.map(to)));\n tr.addMark(from, to, linkType(view.state.schema).create({href: url}));\n view.dispatch(tr);\n }\n }\n\n private createRenderItem() {\n return getReactRendererFromState(this.view.state).createItem('link-tooltip', () => (\n <ErrorLoggerBoundary>\n <SelectionTooltipView {...this.selectionTooltipProps} />\n </ErrorLoggerBoundary>\n ));\n }\n}\ntype SelectionTooltipViewBaseProps<T = boolean> = T extends false\n ? {\n show: T;\n }\n : {\n show: T;\n domElem: HTMLElement;\n onCancel: () => void;\n onChange: (opts: {href: string}) => void;\n attrs?: {[LinkAttr.Href]?: string; [LinkAttr.IsPlaceholder]?: boolean};\n } & Pick<PopupProps, 'onOpenChange'>;\n\ntype SelectionTooltipViewProps = SelectionTooltipViewBaseProps;\n\nconst SelectionTooltipView: React.FC<SelectionTooltipViewProps> = (props) => {\n const {show} = props;\n\n if (!show) return null;\n\n const {domElem, onChange, onCancel, onOpenChange, attrs = {}} = props;\n const href = attrs[LinkAttr.Href];\n const autoFocus = attrs[LinkAttr.IsPlaceholder];\n\n return (\n <Popup\n open\n key={href}\n anchorElement={domElem}\n placement={placement}\n onOpenChange={onOpenChange}\n >\n <LinkForm\n href={href ?? ''}\n autoFocus={autoFocus}\n onChange={onChange}\n onCancel={onCancel}\n />\n </Popup>\n );\n};\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"../../../../../../../src","sources":["extensions/markdown/Link/plugins/LinkTooltipPlugin/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Popup, type PopupPlacement, type PopupProps} from '@gravity-ui/uikit';\nimport {keydownHandler} from 'prosemirror-keymap';\nimport type {Node} from 'prosemirror-model';\nimport {type EditorState, Plugin, type PluginView, TextSelection} from 'prosemirror-state';\n// @ts-ignore // TODO: fix cjs build\nimport {findChildrenByMark, findParentNode} from 'prosemirror-utils';\nimport {Decoration, DecorationSet, type EditorView} from 'prosemirror-view';\n\nimport type {ExtensionDeps} from '../../../../../core';\nimport {ErrorLoggerBoundary} from '../../../../../react-utils/ErrorBoundary';\nimport {findMark, isMarkActive} from '../../../../../utils/marks';\nimport {type RendererItem, getReactRendererFromState} from '../../../../behavior/ReactRenderer';\nimport {LinkAttr, linkType, normalizeUrlFactory} from '../../../index';\n\nimport {LinkForm} from './TooltipView';\n\nconst className = 'pm-link-focus-deco';\nconst placement: PopupPlacement = ['bottom-start', 'bottom-end', 'top-start', 'top-end'];\n\nfunction getTextNode(state: EditorState) {\n if (\n !(state.selection instanceof TextSelection) ||\n !state.selection.empty ||\n !isMarkActive(state, linkType(state.schema))\n )\n return null;\n\n const parent = findParentNode(Boolean)(state.selection);\n\n if (!parent) {\n return null;\n }\n\n const textNodes = findChildrenByMark(parent?.node, linkType(state.schema));\n\n const textNode = textNodes.find((n: {node: Node; pos: number}) => {\n const start = n.pos + parent.pos;\n const end = start + n.node.nodeSize;\n return start <= state.selection.from && end >= state.selection.from;\n })!;\n\n if (!textNode) return null;\n\n const absolutePos = textNode.pos + parent.pos + 1;\n\n return {\n ...textNode,\n absolutePos,\n parent,\n from: absolutePos,\n to: absolutePos + textNode.node.nodeSize,\n };\n}\n\nexport const linkTooltipPlugin = (deps: ExtensionDeps) => {\n let viewTooltip: SelectionTooltip | null = null;\n return new Plugin({\n view(view) {\n viewTooltip = new SelectionTooltip(view, deps);\n return viewTooltip;\n },\n props: {\n handleKeyDown: keydownHandler({\n Escape: () => viewTooltip?.onEscapeDown() ?? false,\n }),\n decorations(state) {\n const textNode = getTextNode(state);\n if (!textNode) return DecorationSet.empty;\n\n const {from, to} = textNode;\n return DecorationSet.create(state.doc, [\n Decoration.inline(from, to, {\n class: `pm-node-selected ${className}`,\n }),\n ]);\n },\n },\n });\n};\n\nclass SelectionTooltip implements PluginView {\n private normalizeUrl;\n\n private view: EditorView;\n private show: boolean;\n\n private textNode?: ReturnType<typeof getTextNode>;\n private textNodeRef: HTMLElement | undefined;\n\n private manualHidden = false;\n\n private renderItem?: RendererItem;\n\n constructor(view: EditorView, deps: ExtensionDeps) {\n this.normalizeUrl = normalizeUrlFactory(deps);\n\n this.view = view;\n this.show = false;\n\n this.update(view);\n }\n\n update(view: EditorView) {\n if (!view.dom.parentNode) {\n this.hideTooltip();\n return;\n }\n\n const {state} = view;\n\n this.textNode = getTextNode(state);\n\n const prevRef = this.textNodeRef;\n this.textNodeRef = this.view.dom.getElementsByClassName(className)[0] as\n | HTMLElement\n | undefined;\n\n if (prevRef !== this.textNodeRef) {\n this.manualHidden = false;\n }\n\n if (this.manualHidden || !this.textNode || !this.textNodeRef) {\n this.hideTooltip();\n return;\n }\n\n this.showTooltip();\n }\n\n destroy() {\n this.show = false;\n this.renderItem?.remove();\n this.renderItem = undefined;\n }\n\n onEscapeDown(): boolean {\n if (this.show) {\n this.removePlaceholderLink(this.textNode);\n this.manualHidden = true;\n this.hideTooltip();\n return true;\n }\n\n return false;\n }\n\n private getMarkAttrs() {\n const {textNode} = this;\n const linkMark = textNode && findMark(textNode.node, linkType(this.view.state.schema));\n return linkMark?.attrs;\n }\n\n private renderTooltip() {\n this.renderItem = this.renderItem ?? this.createRenderItem();\n this.renderItem.rerender();\n }\n\n private hideTooltip() {\n this.show = false;\n this.renderTooltip();\n }\n\n private showTooltip() {\n this.show = true;\n this.renderTooltip();\n }\n\n private onOpenChange: NonNullable<PopupProps['onOpenChange']> = (open, _e, reason) => {\n if (open) return;\n if (reason === 'escape-key') {\n this.cancelPopup();\n } else {\n this.onOutsideClick();\n }\n };\n\n private onOutsideClick = () => {\n this.removePlaceholderLink(this.textNode);\n this.hideTooltip();\n this.manualHidden = true;\n };\n\n private cancelPopup() {\n this.removePlaceholderLink(this.textNode, {returnSelection: true});\n this.manualHidden = true;\n this.hideTooltip();\n this.view.focus();\n }\n\n private removePlaceholderLink(\n textNode?: ReturnType<typeof getTextNode>,\n opts?: {returnSelection?: boolean},\n ) {\n if (textNode) {\n const {view} = this;\n const {state} = view;\n const attrs = findMark(textNode.node, linkType(state.schema))?.attrs;\n if (attrs?.[LinkAttr.IsPlaceholder]) {\n const {from, to} = textNode;\n let tr = state.tr.removeMark(from, to, linkType(state.schema));\n if (opts?.returnSelection) {\n tr = tr.setSelection(TextSelection.create(tr.doc, from, to));\n }\n view.dispatch(tr);\n }\n }\n }\n\n private changeAttrs({href}: {href: string}) {\n const {view, textNode} = this;\n if (!textNode) return;\n\n const normalizeResult = this.normalizeUrl(href);\n if (normalizeResult) {\n const {url} = normalizeResult;\n const {from, to} = textNode;\n\n const tr = view.state.tr;\n tr.setSelection(TextSelection.create(tr.doc, tr.mapping.map(to)));\n tr.addMark(from, to, linkType(view.state.schema).create({href: url}));\n view.dispatch(tr);\n }\n }\n\n private createRenderItem() {\n return getReactRendererFromState(this.view.state).createItem('link-tooltip', () => (\n <ErrorLoggerBoundary>\n <SelectionTooltipView\n show={this.show}\n domElem={this.textNodeRef as HTMLElement}\n onCancel={this.cancelPopup.bind(this)}\n attrs={this.getMarkAttrs()}\n onChange={this.changeAttrs.bind(this)}\n onOpenChange={this.onOpenChange}\n />\n </ErrorLoggerBoundary>\n ));\n }\n}\ntype SelectionTooltipViewBaseProps<T = boolean> = T extends false\n ? {\n show: T;\n }\n : {\n show: T;\n domElem: HTMLElement;\n onCancel: () => void;\n onChange: (opts: {href: string}) => void;\n attrs?: {[LinkAttr.Href]?: string; [LinkAttr.IsPlaceholder]?: boolean};\n } & Pick<PopupProps, 'onOpenChange'>;\n\ntype SelectionTooltipViewProps = SelectionTooltipViewBaseProps;\n\nconst SelectionTooltipView: React.FC<SelectionTooltipViewProps> = (props) => {\n const {show} = props;\n\n if (!show) return null;\n\n const {domElem, onChange, onCancel, onOpenChange, attrs = {}} = props;\n const href = attrs[LinkAttr.Href];\n const autoFocus = attrs[LinkAttr.IsPlaceholder];\n\n return (\n <Popup\n open\n key={href}\n anchorElement={domElem}\n placement={placement}\n onOpenChange={onOpenChange}\n >\n <LinkForm\n href={href ?? ''}\n autoFocus={autoFocus}\n onChange={onChange}\n onCancel={onCancel}\n />\n </Popup>\n );\n};\n"]}
@@ -1,5 +1,6 @@
1
1
  {
2
2
  "doc_empty": "Enter your text or type '/' to open the list of commands",
3
+ "doc_empty_mobile": "Enter your text",
3
4
  "checkbox": "Add a description of the task or check point",
4
5
  "codeblock": "Add code or text to the block",
5
6
  "deflist_term": "Definition term",
@@ -1,7 +1,8 @@
1
- export declare const i18n: <G extends "block" | "checkbox" | "heading" | "codeblock" | "doc_empty" | "deflist_term" | "deflist_desc" | "cut_title" | "cut_content" | "note_title" | "note_content" | "layout_cell" | "table_cell" | "select_filter", S extends string>(key: G | (string extends S ? S : never), params?: {
1
+ export declare const i18n: <G extends "block" | "checkbox" | "heading" | "codeblock" | "doc_empty" | "doc_empty_mobile" | "deflist_term" | "deflist_desc" | "cut_title" | "cut_content" | "note_title" | "note_content" | "layout_cell" | "table_cell" | "select_filter", S extends string>(key: G | (string extends S ? S : never), params?: {
2
2
  [key: string]: any;
3
3
  }) => S extends G ? {
4
4
  doc_empty: string;
5
+ doc_empty_mobile: string;
5
6
  checkbox: string;
6
7
  codeblock: string;
7
8
  deflist_term: string;
@@ -1,5 +1,6 @@
1
1
  {
2
2
  "doc_empty": "Начните писать текст или введите \"/\", чтобы открыть список команд",
3
+ "doc_empty_mobile": "Начните писать текст",
3
4
  "checkbox": "Добавьте описание задачи или пункт проверки",
4
5
  "codeblock": "Добавьте в блок код или текст",
5
6
  "deflist_term": "Термин",
@@ -22,7 +22,7 @@ function FlexToolbar(props) {
22
22
  duration: time,
23
23
  });
24
24
  });
25
- const { data, className, hiddenActions } = props;
25
+ const { data, className, hiddenActions, disableTooltip, disablePreview, disableHotkey, display = 'shrink', } = props;
26
26
  const [ref, { width }] = (0, react_use_1.useMeasure)();
27
27
  const { data: items, dots } = (0, react_1.useMemo)(() => {
28
28
  const toolbarButtonIds = data.reduce((a, toolbarGroup) => {
@@ -40,12 +40,18 @@ function FlexToolbar(props) {
40
40
  }, []);
41
41
  // Finding only actions tha are not present in the main toolbar config
42
42
  const filteredHiddenAction = hiddenActions?.filter((a) => !toolbarButtonIds.includes(a.id));
43
+ if (display === 'scroll') {
44
+ return {
45
+ data,
46
+ dots: filteredHiddenAction?.length ? filteredHiddenAction : undefined,
47
+ };
48
+ }
43
49
  return (0, flexible_1.shrinkToolbarData)({
44
50
  data,
45
51
  availableWidth: width,
46
52
  hiddenActions: filteredHiddenAction,
47
53
  });
48
- }, [data, width, hiddenActions]);
49
- return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: b(null, [className]), children: (0, jsx_runtime_1.jsxs)("div", { className: b('container'), children: [(0, jsx_runtime_1.jsx)(Toolbar_1.Toolbar, { ...props, data: items, className: b('bar') }), dots?.length && ((0, jsx_runtime_1.jsx)(ToolbarListButton_1.ToolbarListButton, { qa: "g-md-toolbar-more-action", qaMenu: "g-md-toolbar-additional", data: dots, icon: { data: icons_1.Ellipsis }, title: props.dotsTitle, editor: props.editor, focus: props.focus, onClick: props.onClick, className: b('dots'), alwaysActive: true }))] }) }));
54
+ }, [data, display, hiddenActions, width]);
55
+ return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: b(null, [className]), children: (0, jsx_runtime_1.jsxs)("div", { className: b('container'), children: [(0, jsx_runtime_1.jsx)(Toolbar_1.Toolbar, { ...props, data: items, className: b('bar') }), dots?.length && ((0, jsx_runtime_1.jsx)(ToolbarListButton_1.ToolbarListButton, { qa: "g-md-toolbar-more-action", qaMenu: "g-md-toolbar-additional", data: dots, icon: { data: icons_1.Ellipsis }, title: props.dotsTitle, editor: props.editor, focus: props.focus, onClick: props.onClick, className: b('dots'), alwaysActive: true, disableTooltip: disableTooltip, disableHotkey: disablePreview, disablePreview: disableHotkey }))] }) }));
50
56
  }
51
57
  //# sourceMappingURL=FlexToolbar.js.map