npm - @gravity-ui/markdown-editor - Versions diffs - 15.22.2 → 15.24.0 - Mend

@gravity-ui/markdown-editor 15.22.2 → 15.24.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 (188) hide show

package/build/cjs/bundle/ToolbarView.js CHANGED Viewed

@@ -4,6 +4,7 @@ exports.ToolbarView = ToolbarView;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_use_1 = require("react-use");
+const layout_1 = require("../common/layout.js");
 const menubar_1 = require("../i18n/menubar/index.js");
 const useSticky_1 = require("../react-utils/useSticky.js");
 const toolbar_1 = require("../toolbar/index.js");
@@ -23,6 +24,6 @@ function ToolbarView({ editor, editorMode, toolbarEditor, toolbarFocus, toolbarC
             withSettings: settingsVisible,
             stickyActive: isStickyActive,
             isSticky: stickyToolbar,
-        }, [className]), children: [(0, jsx_runtime_1.jsx)(toolbar_1.FlexToolbar, { data: toolbarConfig, hiddenActions: hiddenActionsConfig, editor: toolbarEditor, focus: toolbarFocus, dotsTitle: (0, menubar_1.i18n)('more_action'), onClick: (id, attrs) => editor.emit('toolbar-action', { id, attrs, editorMode }), display: toolbarDisplay, disableTooltip: mobile, disableHotkey: mobile, disablePreview: mobile }), children] }));
+        }, [className]), "data-layout": layout_1.LAYOUT.STICKY_TOOLBAR, children: [(0, jsx_runtime_1.jsx)(toolbar_1.FlexToolbar, { data: toolbarConfig, hiddenActions: hiddenActionsConfig, editor: toolbarEditor, focus: toolbarFocus, dotsTitle: (0, menubar_1.i18n)('more_action'), onClick: (id, attrs) => editor.emit('toolbar-action', { id, attrs, editorMode }), display: toolbarDisplay, disableTooltip: mobile, disableHotkey: mobile, disablePreview: mobile }), children] }));
 }
 //# sourceMappingURL=ToolbarView.js.map

package/build/cjs/bundle/ToolbarView.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ToolbarView.js","sourceRoot":"../../../src","sources":["bundle/ToolbarView.tsx"],"names":[],"mappings":";;~~AA4BA~~,~~kCAuDC~~;;~~AAnFD~~,iCAA8C;AAG9C,yCAAoC;~~AAGpC~~,sDAAqC;AACrC,2DAAmD;AACnD,iDAAoG;AAGpG,8CAAkC;AAiBlC,SAAgB,WAAW,CAAI,EAC3B,MAAM,EACN,UAAU,EACV,aAAa,EACb,YAAY,EACZ,aAAa,EACb,cAAc,EACd,mBAAmB,EACnB,eAAe,EACf,SAAS,EACT,QAAQ,EACR,aAAa,EACb,EAAE,GACgB;IAClB,MAAM,QAAQ,GAAG,IAAA,qBAAS,GAAE,CAAC;IAC7B,IAAA,uBAAe,EAAC,GAAG,EAAE;QACjB,MAAM,CAAC,EAAE,CAAC,kBAAkB,EAAE,QAAQ,CAAC,CAAC;QACxC,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,GAAG,CAAC,kBAAkB,EAAE,QAAQ,CAAC,CAAC;QAC7C,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEvB,MAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,cAAc,GAAG,IAAA,qBAAS,EAAC,UAAU,CAAC,IAAI,aAAa,CAAC;IAE9D,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;IAE7B,OAAO,CACH,4CACa,EAAE,EACX,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,iBAAQ,CAAC,OAAO,CACvB;YACI,YAAY,EAAE,eAAe;YAC7B,YAAY,EAAE,cAAc;YAC5B,QAAQ,EAAE,aAAa;SAC1B,EACD,CAAC,SAAS,CAAC,CACd,~~aAED~~,uBAAC,qBAAW,IACR,IAAI,EAAE,aAAa,EACnB,aAAa,EAAE,mBAAmB,EAClC,MAAM,EAAE,aAAa,EACrB,KAAK,EAAE,YAAY,EACnB,SAAS,EAAE,IAAA,cAAI,EAAC,aAAa,CAAC,EAC9B,OAAO,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,gBAAgB,EAAE,EAAC,EAAE,EAAE,KAAK,EAAE,UAAU,EAAC,CAAC,EAC9E,OAAO,EAAE,cAAc,EACvB,cAAc,EAAE,MAAM,EACtB,aAAa,EAAE,MAAM,EACrB,cAAc,EAAE,MAAM,GACxB,EACD,QAAQ,IACP,CACT,CAAC;AACN,CAAC","sourcesContent":["import {useLayoutEffect, useRef} from 'react';\n\nimport type {QAProps} from '@gravity-ui/uikit';\nimport {useUpdate} from 'react-use';\n\nimport type {ClassNameProps} from '../classname';\nimport {i18n} from '../i18n/menubar';\nimport {useSticky} from '../react-utils/useSticky';\nimport {FlexToolbar, type ToolbarData, type ToolbarDisplay, type ToolbarItemData} from '../toolbar';\n\nimport type {EditorInt} from './Editor';\nimport {stickyCn} from './sticky';\nimport type {MarkdownEditorMode} from './types';\n\nexport type ToolbarViewProps<T> = ClassNameProps &\n QAProps & {\n editor: EditorInt;\n editorMode: MarkdownEditorMode;\n toolbarEditor: T;\n toolbarFocus: () => void;\n toolbarConfig: ToolbarData<T>;\n settingsVisible?: boolean;\n hiddenActionsConfig?: ToolbarItemData<T>[];\n children?: React.ReactNode;\n stickyToolbar: boolean;\n toolbarDisplay?: ToolbarDisplay;\n };\n\nexport function ToolbarView<T>({\n editor,\n editorMode,\n toolbarEditor,\n toolbarFocus,\n toolbarConfig,\n toolbarDisplay,\n hiddenActionsConfig,\n settingsVisible,\n className,\n children,\n stickyToolbar,\n qa,\n}: ToolbarViewProps<T>) {\n const rerender = useUpdate();\n useLayoutEffect(() => {\n editor.on('rerender-toolbar', rerender);\n return () => {\n editor.off('rerender-toolbar', rerender);\n };\n }, [editor, rerender]);\n\n const wrapperRef = useRef<HTMLDivElement>(null);\n const isStickyActive = useSticky(wrapperRef) && stickyToolbar;\n\n const mobile = editor.mobile;\n\n return (\n <div\n data-qa={qa}\n ref={wrapperRef}\n className={stickyCn.toolbar(\n {\n withSettings: settingsVisible,\n stickyActive: isStickyActive,\n isSticky: stickyToolbar,\n },\n [className],\n )}\n >\n <FlexToolbar\n data={toolbarConfig}\n hiddenActions={hiddenActionsConfig}\n editor={toolbarEditor}\n focus={toolbarFocus}\n dotsTitle={i18n('more_action')}\n onClick={(id, attrs) => editor.emit('toolbar-action', {id, attrs, editorMode})}\n display={toolbarDisplay}\n disableTooltip={mobile}\n disableHotkey={mobile}\n disablePreview={mobile}\n />\n {children}\n </div>\n );\n}\n"]}
1	+ {"version":3,"file":"ToolbarView.js","sourceRoot":"../../../src","sources":["bundle/ToolbarView.tsx"],"names":[],"mappings":";;AA8BA,kCAwDC;;AAtFD,iCAA8C;AAG9C,yCAAoC;AAEpC,gDAAyC;AAGzC,sDAAqC;AACrC,2DAAmD;AACnD,iDAAoG;AAGpG,8CAAkC;AAiBlC,SAAgB,WAAW,CAAI,EAC3B,MAAM,EACN,UAAU,EACV,aAAa,EACb,YAAY,EACZ,aAAa,EACb,cAAc,EACd,mBAAmB,EACnB,eAAe,EACf,SAAS,EACT,QAAQ,EACR,aAAa,EACb,EAAE,GACgB;IAClB,MAAM,QAAQ,GAAG,IAAA,qBAAS,GAAE,CAAC;IAC7B,IAAA,uBAAe,EAAC,GAAG,EAAE;QACjB,MAAM,CAAC,EAAE,CAAC,kBAAkB,EAAE,QAAQ,CAAC,CAAC;QACxC,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,GAAG,CAAC,kBAAkB,EAAE,QAAQ,CAAC,CAAC;QAC7C,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEvB,MAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,cAAc,GAAG,IAAA,qBAAS,EAAC,UAAU,CAAC,IAAI,aAAa,CAAC;IAE9D,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;IAE7B,OAAO,CACH,4CACa,EAAE,EACX,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,iBAAQ,CAAC,OAAO,CACvB;YACI,YAAY,EAAE,eAAe;YAC7B,YAAY,EAAE,cAAc;YAC5B,QAAQ,EAAE,aAAa;SAC1B,EACD,CAAC,SAAS,CAAC,CACd,iBACY,eAAM,CAAC,cAAc,aAElC,uBAAC,qBAAW,IACR,IAAI,EAAE,aAAa,EACnB,aAAa,EAAE,mBAAmB,EAClC,MAAM,EAAE,aAAa,EACrB,KAAK,EAAE,YAAY,EACnB,SAAS,EAAE,IAAA,cAAI,EAAC,aAAa,CAAC,EAC9B,OAAO,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,gBAAgB,EAAE,EAAC,EAAE,EAAE,KAAK,EAAE,UAAU,EAAC,CAAC,EAC9E,OAAO,EAAE,cAAc,EACvB,cAAc,EAAE,MAAM,EACtB,aAAa,EAAE,MAAM,EACrB,cAAc,EAAE,MAAM,GACxB,EACD,QAAQ,IACP,CACT,CAAC;AACN,CAAC","sourcesContent":["import {useLayoutEffect, useRef} from 'react';\n\nimport type {QAProps} from '@gravity-ui/uikit';\nimport {useUpdate} from 'react-use';\n\nimport {LAYOUT} from 'src/common/layout';\n\nimport type {ClassNameProps} from '../classname';\nimport {i18n} from '../i18n/menubar';\nimport {useSticky} from '../react-utils/useSticky';\nimport {FlexToolbar, type ToolbarData, type ToolbarDisplay, type ToolbarItemData} from '../toolbar';\n\nimport type {EditorInt} from './Editor';\nimport {stickyCn} from './sticky';\nimport type {MarkdownEditorMode} from './types';\n\nexport type ToolbarViewProps<T> = ClassNameProps &\n QAProps & {\n editor: EditorInt;\n editorMode: MarkdownEditorMode;\n toolbarEditor: T;\n toolbarFocus: () => void;\n toolbarConfig: ToolbarData<T>;\n settingsVisible?: boolean;\n hiddenActionsConfig?: ToolbarItemData<T>[];\n children?: React.ReactNode;\n stickyToolbar: boolean;\n toolbarDisplay?: ToolbarDisplay;\n };\n\nexport function ToolbarView<T>({\n editor,\n editorMode,\n toolbarEditor,\n toolbarFocus,\n toolbarConfig,\n toolbarDisplay,\n hiddenActionsConfig,\n settingsVisible,\n className,\n children,\n stickyToolbar,\n qa,\n}: ToolbarViewProps<T>) {\n const rerender = useUpdate();\n useLayoutEffect(() => {\n editor.on('rerender-toolbar', rerender);\n return () => {\n editor.off('rerender-toolbar', rerender);\n };\n }, [editor, rerender]);\n\n const wrapperRef = useRef<HTMLDivElement>(null);\n const isStickyActive = useSticky(wrapperRef) && stickyToolbar;\n\n const mobile = editor.mobile;\n\n return (\n <div\n data-qa={qa}\n ref={wrapperRef}\n className={stickyCn.toolbar(\n {\n withSettings: settingsVisible,\n stickyActive: isStickyActive,\n isSticky: stickyToolbar,\n },\n [className],\n )}\n data-layout={LAYOUT.STICKY_TOOLBAR}\n >\n <FlexToolbar\n data={toolbarConfig}\n hiddenActions={hiddenActionsConfig}\n editor={toolbarEditor}\n focus={toolbarFocus}\n dotsTitle={i18n('more_action')}\n onClick={(id, attrs) => editor.emit('toolbar-action', {id, attrs, editorMode})}\n display={toolbarDisplay}\n disableTooltip={mobile}\n disableHotkey={mobile}\n disablePreview={mobile}\n />\n {children}\n </div>\n );\n}\n"]}

package/build/cjs/bundle/settings/index.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@ import { type QAProps } from '@gravity-ui/uikit';
 import { type ClassNameProps } from "../../classname.js";
 import type { MarkdownEditorMode, MarkdownEditorSplitMode } from "../types.js";
 import "./index.css";
-export type EditorSettingsProps = Omit<SettingsContentProps, 'onClose'> & {
+export type EditorSettingsProps = Omit<SettingsContentProps, 'onClose' | 'zIndex'> & {
     renderPreviewButton?: boolean;
     settingsVisible?: boolean | SettingItems[];
 };
@@ -21,5 +21,6 @@ type SettingsContentProps = ClassNameProps & QAProps & {
     splitModeEnabled?: boolean;
     onSplitModeChange?: (splitModeEnabled: boolean) => void;
     disableMark?: boolean;
+    zIndex?: number;
 };
 export {};

package/build/cjs/bundle/settings/index.js CHANGED Viewed

@@ -8,10 +8,12 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const icons_1 = require("@gravity-ui/icons");
 const uikit_1 = require("@gravity-ui/uikit");
+const layout_1 = require("../../common/layout.js");
 const classname_1 = require("../../classname.js");
 const bundle_1 = require("../../i18n/bundle/index.js");
 const WysiwygMode_1 = tslib_1.__importDefault(require("../../icons/WysiwygMode.js"));
 const lodash_1 = require("../../lodash.js");
+const react_utils_1 = require("../../react-utils/index.js");
 const hooks_1 = require("../../react-utils/hooks.js");
 const toolbar_1 = require("../../toolbar/index.js");
 const version_1 = require("../../version.js");
@@ -24,11 +26,12 @@ exports.EditorSettings = (0, react_1.memo)(function EditorSettings(props) {
     const { className, onShowPreviewChange, showPreview, renderPreviewButton, settingsVisible } = props;
     const [chevronElement, setChevronElement] = (0, react_1.useState)(null);
     const [popupShown, , hidePopup, togglePopup] = (0, hooks_1.useBooleanState)(false);
+    const zIndex = (0, react_utils_1.useTargetZIndex)(layout_1.LAYOUT.STICKY_TOOLBAR);
     const areSettingsVisible = settingsVisible === true || (Array.isArray(settingsVisible) && settingsVisible.length > 0);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: bSettings(null, [className]), children: [renderPreviewButton && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(uikit_1.ActionTooltip, { openDelay: toolbar_1.ToolbarTooltipDelay.Open, closeDelay: toolbar_1.ToolbarTooltipDelay.Close, title: (0, bundle_1.i18n)('preview_hint'), hotkey: "mod+shift+p", children: (0, jsx_runtime_1.jsx)(uikit_1.Button, { qa: "g-md-markup-preview-button", size: "m", view: "flat", pin: "round-round", className: bSettings('preview-button'), onClick: () => onShowPreviewChange?.(!showPreview), selected: showPreview, children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.Eye }) }) }), settingsVisible && (0, jsx_runtime_1.jsx)("div", { className: bSettings('separator') })] })), areSettingsVisible && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(uikit_1.Button, { size: "m", view: "flat", pin: "round-round", onClick: togglePopup, ref: setChevronElement, qa: "g-md-settings-button", className: bSettings('dropdown-button'), children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.Gear }) }), (0, jsx_runtime_1.jsx)(uikit_1.Popup, { open: popupShown, anchorElement: chevronElement, placement: placement, onOpenChange: hidePopup, children: (0, jsx_runtime_1.jsx)(SettingsContent, { ...props, qa: "g-md-settings-content", onClose: hidePopup, className: bSettings('content') }) })] }))] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: bSettings(null, [className]), children: [renderPreviewButton && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(uikit_1.ActionTooltip, { openDelay: toolbar_1.ToolbarTooltipDelay.Open, closeDelay: toolbar_1.ToolbarTooltipDelay.Close, title: (0, bundle_1.i18n)('preview_hint'), hotkey: "mod+shift+p", children: (0, jsx_runtime_1.jsx)(uikit_1.Button, { qa: "g-md-markup-preview-button", size: "m", view: "flat", pin: "round-round", className: bSettings('preview-button'), onClick: () => onShowPreviewChange?.(!showPreview), selected: showPreview, children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.Eye }) }) }), settingsVisible && (0, jsx_runtime_1.jsx)("div", { className: bSettings('separator') })] })), areSettingsVisible && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(uikit_1.Button, { size: "m", view: "flat", pin: "round-round", onClick: togglePopup, ref: setChevronElement, qa: "g-md-settings-button", className: bSettings('dropdown-button'), children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.Gear }) }), (0, jsx_runtime_1.jsx)(uikit_1.Popup, { open: popupShown, anchorElement: chevronElement, placement: placement, onOpenChange: hidePopup, zIndex: zIndex, children: (0, jsx_runtime_1.jsx)(SettingsContent, { ...props, qa: "g-md-settings-content", onClose: hidePopup, className: bSettings('content'), zIndex: zIndex }) })] }))] }));
 });
 const mdHelpPlacement = ['bottom', 'bottom-end', 'right-start', 'right', 'left'];
-const SettingsContent = function SettingsContent({ mode, onClose, onModeChange, toolbarVisibility, onToolbarVisibilityChange, onSplitModeChange, splitMode = false, splitModeEnabled, className, showPreview, settingsVisible, qa, disableMark, }) {
+const SettingsContent = function SettingsContent({ mode, onClose, onModeChange, toolbarVisibility, onToolbarVisibilityChange, onSplitModeChange, splitMode = false, splitModeEnabled, className, showPreview, settingsVisible, qa, disableMark, zIndex, }) {
     const isSettingsArray = Array.isArray(settingsVisible);
     const showModeSetting = isSettingsArray ? settingsVisible?.includes('mode') : true;
     const showToolbarSetting = isSettingsArray ? settingsVisible?.includes('toolbar') : true;
@@ -42,6 +45,7 @@ const SettingsContent = function SettingsContent({ mode, onClose, onModeChange,
                         }, iconStart: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.LogoMarkdown }), children: [(0, bundle_1.i18n)('settings_markup'), !disableMark && ((0, jsx_runtime_1.jsx)(uikit_1.HelpMark, { popoverProps: {
                                     placement: mdHelpPlacement,
                                     modal: false,
+                                    zIndex,
                                 }, className: bContent('mode-help'), children: (0, jsx_runtime_1.jsx)("div", { onClick: (e) => {
                                         // stop clicks propagation
                                         // because otherwise click in MarkdownHints handled as click on MenuItem

package/build/cjs/bundle/settings/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["bundle/settings/index.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable jsx-a11y/no-static-element-interactions /\n/ eslint-disable jsx-a11y/click-events-have-key-events */\nimport {memo, useState} from 'react';\n\nimport {Eye, Gear, LogoMarkdown} from '@gravity-ui/icons';\nimport {\n ActionTooltip,\n Button,\n Checkbox,\n HelpMark,\n Icon,\n Menu,\n Popup,\n type PopupPlacement,\n type QAProps,\n} from '@gravity-ui/uikit';\n\nimport {type ClassNameProps, cn} from '../../classname';\nimport {i18n} from '../../i18n/bundle';\nimport WysiwygModeIcon from '../../icons/WysiwygMode';\nimport {noop} from '../../lodash';\nimport {useBooleanState} from '../../react-utils/hooks';\nimport {ToolbarTooltipDelay} from '../../toolbar';\nimport {VERSION} from '../../version';\nimport type {MarkdownEditorMode, MarkdownEditorSplitMode} from '../types';\n\nimport {MarkdownHints} from './MarkdownHints';\n\nimport './index.scss';\n\nconst placement: PopupPlacement = ['bottom-end', 'top-end'];\n\nconst bSettings = cn('editor-settings');\nconst bContent = cn('settings-content');\n\nexport type EditorSettingsProps = Omit<SettingsContentProps, 'onClose'> & {\n renderPreviewButton?: boolean;\n settingsVisible?: boolean \| SettingItems[];\n};\n\nexport const EditorSettings = memo<EditorSettingsProps>(function EditorSettings(props) {\n const {className, onShowPreviewChange, showPreview, renderPreviewButton, settingsVisible} =\n props;\n const [chevronElement, setChevronElement] = useState<HTMLButtonElement \| null>(null);\n const [popupShown, , hidePopup, togglePopup] = useBooleanState(false);\n\n const areSettingsVisible =\n settingsVisible === true \|\| (Array.isArray(settingsVisible) && settingsVisible.length > 0);\n\n return (\n <div className={bSettings(null, [className])}>\n {renderPreviewButton && (\n <>\n <ActionTooltip\n openDelay={ToolbarTooltipDelay.Open}\n closeDelay={ToolbarTooltipDelay.Close}\n title={i18n('preview_hint')}\n hotkey=\"mod+shift+p\"\n >\n <Button\n qa=\"g-md-markup-preview-button\"\n size=\"m\"\n view=\"flat\"\n pin=\"round-round\"\n className={bSettings('preview-button')}\n onClick={() => onShowPreviewChange?.(!showPreview)}\n selected={showPreview}\n >\n <Icon data={Eye} />\n </Button>\n </ActionTooltip>\n {settingsVisible && <div className={bSettings('separator')} />}\n </>\n )}\n {areSettingsVisible && (\n <>\n <Button\n size=\"m\"\n view=\"flat\"\n pin=\"round-round\"\n onClick={togglePopup}\n ref={setChevronElement}\n qa=\"g-md-settings-button\"\n className={bSettings('dropdown-button')}\n >\n <Icon data={Gear} />\n </Button>\n <Popup\n open={popupShown}\n anchorElement={chevronElement}\n placement={placement}\n onOpenChange={hidePopup}\n >\n <SettingsContent\n {...props}\n qa=\"g-md-settings-content\"\n onClose={hidePopup}\n className={bSettings('content')}\n />\n </Popup>\n </>\n )}\n </div>\n );\n});\n\nexport type SettingItems = 'mode' \| 'toolbar' \| 'split';\n\ntype SettingsContentProps = ClassNameProps &\n QAProps & {\n mode: MarkdownEditorMode;\n onClose: () => void;\n onModeChange: (mode: MarkdownEditorMode) => void;\n onShowPreviewChange: (showPreview: boolean) => void;\n showPreview: boolean;\n toolbarVisibility: boolean;\n settingsVisible?: SettingItems[] \| boolean;\n onToolbarVisibilityChange: (val: boolean) => void;\n splitMode?: MarkdownEditorSplitMode;\n splitModeEnabled?: boolean;\n onSplitModeChange?: (splitModeEnabled: boolean) => void;\n disableMark?: boolean;\n };\n\nconst mdHelpPlacement: PopupPlacement = ['bottom', 'bottom-end', 'right-start', 'right', 'left'];\n\nconst SettingsContent: React.FC<SettingsContentProps> = function SettingsContent({\n mode,\n onClose,\n onModeChange,\n toolbarVisibility,\n onToolbarVisibilityChange,\n onSplitModeChange,\n splitMode = false,\n splitModeEnabled,\n className,\n showPreview,\n settingsVisible,\n qa,\n disableMark,\n}) {\n const isSettingsArray = Array.isArray(settingsVisible);\n const showModeSetting = isSettingsArray ? settingsVisible?.includes('mode') : true;\n const showToolbarSetting = isSettingsArray ? settingsVisible?.includes('toolbar') : true;\n const showSplitModeSetting = isSettingsArray ? settingsVisible?.includes('split') : true;\n\n return (\n <div className={bContent(null, [className])} data-qa={qa}>\n {showModeSetting && (\n <Menu size=\"l\" className={bContent('mode')}>\n <Menu.Item\n qa=\"g-md-settings-mode-wysiwyg\"\n active={mode === 'wysiwyg'}\n onClick={() => {\n onModeChange('wysiwyg');\n onClose();\n }}\n iconStart={<Icon data={WysiwygModeIcon} />}\n >\n {i18n('settings_wysiwyg')}\n </Menu.Item>\n <Menu.Item\n qa=\"g-md-settings-mode-markup\"\n active={mode === 'markup'}\n onClick={() => {\n onModeChange('markup');\n onClose();\n }}\n iconStart={<Icon data={LogoMarkdown} />}\n >\n {i18n('settings_markup')}\n {!disableMark && (\n <HelpMark\n popoverProps={{\n placement: mdHelpPlacement,\n modal: false,\n }}\n className={bContent('mode-help')}\n >\n <div\n onClick={(e) => {\n // stop clicks propagation\n // because otherwise click in MarkdownHints handled as click on MenuItem\n e.stopPropagation();\n }}\n >\n <MarkdownHints />\n </div>\n </HelpMark>\n )}\n </Menu.Item>\n </Menu>\n )}\n {showModeSetting && (showSplitModeSetting \|\| showToolbarSetting) && (\n <div className={bContent('separator')} />\n )}\n {showToolbarSetting && !showPreview && (\n <div className={bContent('toolbar')}>\n <Checkbox\n size=\"m\"\n checked={toolbarVisibility}\n onUpdate={onToolbarVisibilityChange}\n >\n {i18n('settings_menubar')}\n </Checkbox>\n <div className={bContent('toolbar-hint')}>{i18n('settings_hint')}</div>\n </div>\n )}\n {showSplitModeSetting && splitMode && (\n <div className={bContent('split-mode')}>\n <Checkbox\n size=\"m\"\n disabled={mode !== 'markup'}\n checked={splitModeEnabled}\n onUpdate={onSplitModeChange ?? noop}\n >\n {i18n('settings_split-mode')}\n </Checkbox>\n <div className={bContent('toolbar-hint')}>\n {i18n('settings_split-mode-hint')}\n </div>\n </div>\n )}\n <span className={bContent('version')}>{VERSION}</span>\n </div>\n );\n};\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["bundle/settings/index.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable jsx-a11y/no-static-element-interactions /\n/ eslint-disable jsx-a11y/click-events-have-key-events */\nimport {memo, useState} from 'react';\n\nimport {Eye, Gear, LogoMarkdown} from '@gravity-ui/icons';\nimport {\n ActionTooltip,\n Button,\n Checkbox,\n HelpMark,\n Icon,\n Menu,\n Popup,\n type PopupPlacement,\n type QAProps,\n} from '@gravity-ui/uikit';\n\nimport {LAYOUT} from 'src/common/layout';\n\nimport {type ClassNameProps, cn} from '../../classname';\nimport {i18n} from '../../i18n/bundle';\nimport WysiwygModeIcon from '../../icons/WysiwygMode';\nimport {noop} from '../../lodash';\nimport {useTargetZIndex} from '../../react-utils';\nimport {useBooleanState} from '../../react-utils/hooks';\nimport {ToolbarTooltipDelay} from '../../toolbar';\nimport {VERSION} from '../../version';\nimport type {MarkdownEditorMode, MarkdownEditorSplitMode} from '../types';\n\nimport {MarkdownHints} from './MarkdownHints';\n\nimport './index.scss';\n\nconst placement: PopupPlacement = ['bottom-end', 'top-end'];\n\nconst bSettings = cn('editor-settings');\nconst bContent = cn('settings-content');\n\nexport type EditorSettingsProps = Omit<SettingsContentProps, 'onClose' \| 'zIndex'> & {\n renderPreviewButton?: boolean;\n settingsVisible?: boolean \| SettingItems[];\n};\n\nexport const EditorSettings = memo<EditorSettingsProps>(function EditorSettings(props) {\n const {className, onShowPreviewChange, showPreview, renderPreviewButton, settingsVisible} =\n props;\n const [chevronElement, setChevronElement] = useState<HTMLButtonElement \| null>(null);\n const [popupShown, , hidePopup, togglePopup] = useBooleanState(false);\n const zIndex = useTargetZIndex(LAYOUT.STICKY_TOOLBAR);\n\n const areSettingsVisible =\n settingsVisible === true \|\| (Array.isArray(settingsVisible) && settingsVisible.length > 0);\n\n return (\n <div className={bSettings(null, [className])}>\n {renderPreviewButton && (\n <>\n <ActionTooltip\n openDelay={ToolbarTooltipDelay.Open}\n closeDelay={ToolbarTooltipDelay.Close}\n title={i18n('preview_hint')}\n hotkey=\"mod+shift+p\"\n >\n <Button\n qa=\"g-md-markup-preview-button\"\n size=\"m\"\n view=\"flat\"\n pin=\"round-round\"\n className={bSettings('preview-button')}\n onClick={() => onShowPreviewChange?.(!showPreview)}\n selected={showPreview}\n >\n <Icon data={Eye} />\n </Button>\n </ActionTooltip>\n {settingsVisible && <div className={bSettings('separator')} />}\n </>\n )}\n {areSettingsVisible && (\n <>\n <Button\n size=\"m\"\n view=\"flat\"\n pin=\"round-round\"\n onClick={togglePopup}\n ref={setChevronElement}\n qa=\"g-md-settings-button\"\n className={bSettings('dropdown-button')}\n >\n <Icon data={Gear} />\n </Button>\n <Popup\n open={popupShown}\n anchorElement={chevronElement}\n placement={placement}\n onOpenChange={hidePopup}\n zIndex={zIndex}\n >\n <SettingsContent\n {...props}\n qa=\"g-md-settings-content\"\n onClose={hidePopup}\n className={bSettings('content')}\n zIndex={zIndex}\n />\n </Popup>\n </>\n )}\n </div>\n );\n});\n\nexport type SettingItems = 'mode' \| 'toolbar' \| 'split';\n\ntype SettingsContentProps = ClassNameProps &\n QAProps & {\n mode: MarkdownEditorMode;\n onClose: () => void;\n onModeChange: (mode: MarkdownEditorMode) => void;\n onShowPreviewChange: (showPreview: boolean) => void;\n showPreview: boolean;\n toolbarVisibility: boolean;\n settingsVisible?: SettingItems[] \| boolean;\n onToolbarVisibilityChange: (val: boolean) => void;\n splitMode?: MarkdownEditorSplitMode;\n splitModeEnabled?: boolean;\n onSplitModeChange?: (splitModeEnabled: boolean) => void;\n disableMark?: boolean;\n zIndex?: number;\n };\n\nconst mdHelpPlacement: PopupPlacement = ['bottom', 'bottom-end', 'right-start', 'right', 'left'];\n\nconst SettingsContent: React.FC<SettingsContentProps> = function SettingsContent({\n mode,\n onClose,\n onModeChange,\n toolbarVisibility,\n onToolbarVisibilityChange,\n onSplitModeChange,\n splitMode = false,\n splitModeEnabled,\n className,\n showPreview,\n settingsVisible,\n qa,\n disableMark,\n zIndex,\n}) {\n const isSettingsArray = Array.isArray(settingsVisible);\n const showModeSetting = isSettingsArray ? settingsVisible?.includes('mode') : true;\n const showToolbarSetting = isSettingsArray ? settingsVisible?.includes('toolbar') : true;\n const showSplitModeSetting = isSettingsArray ? settingsVisible?.includes('split') : true;\n\n return (\n <div className={bContent(null, [className])} data-qa={qa}>\n {showModeSetting && (\n <Menu size=\"l\" className={bContent('mode')}>\n <Menu.Item\n qa=\"g-md-settings-mode-wysiwyg\"\n active={mode === 'wysiwyg'}\n onClick={() => {\n onModeChange('wysiwyg');\n onClose();\n }}\n iconStart={<Icon data={WysiwygModeIcon} />}\n >\n {i18n('settings_wysiwyg')}\n </Menu.Item>\n <Menu.Item\n qa=\"g-md-settings-mode-markup\"\n active={mode === 'markup'}\n onClick={() => {\n onModeChange('markup');\n onClose();\n }}\n iconStart={<Icon data={LogoMarkdown} />}\n >\n {i18n('settings_markup')}\n {!disableMark && (\n <HelpMark\n popoverProps={{\n placement: mdHelpPlacement,\n modal: false,\n zIndex,\n }}\n className={bContent('mode-help')}\n >\n <div\n onClick={(e) => {\n // stop clicks propagation\n // because otherwise click in MarkdownHints handled as click on MenuItem\n e.stopPropagation();\n }}\n >\n <MarkdownHints />\n </div>\n </HelpMark>\n )}\n </Menu.Item>\n </Menu>\n )}\n {showModeSetting && (showSplitModeSetting \|\| showToolbarSetting) && (\n <div className={bContent('separator')} />\n )}\n {showToolbarSetting && !showPreview && (\n <div className={bContent('toolbar')}>\n <Checkbox\n size=\"m\"\n checked={toolbarVisibility}\n onUpdate={onToolbarVisibilityChange}\n >\n {i18n('settings_menubar')}\n </Checkbox>\n <div className={bContent('toolbar-hint')}>{i18n('settings_hint')}</div>\n </div>\n )}\n {showSplitModeSetting && splitMode && (\n <div className={bContent('split-mode')}>\n <Checkbox\n size=\"m\"\n disabled={mode !== 'markup'}\n checked={splitModeEnabled}\n onUpdate={onSplitModeChange ?? noop}\n >\n {i18n('settings_split-mode')}\n </Checkbox>\n <div className={bContent('toolbar-hint')}>\n {i18n('settings_split-mode-hint')}\n </div>\n </div>\n )}\n <span className={bContent('version')}>{VERSION}</span>\n </div>\n );\n};\n"]}

package/build/cjs/bundle/toolbar/ToolbarButtonWithPopupMenu.js CHANGED Viewed

@@ -5,8 +5,10 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const icons_1 = require("@gravity-ui/icons");
 const uikit_1 = require("@gravity-ui/uikit");
+const layout_1 = require("../../common/layout.js");
 const classname_1 = require("../../classname.js");
 const lodash_1 = require("../../lodash.js");
+const react_utils_1 = require("../../react-utils/index.js");
 const hooks_1 = require("../../react-utils/hooks.js");
 const toolbar_1 = require("../../toolbar/index.js");
 require("./ToolbarButtonWithPopupMenu.css");
@@ -14,6 +16,7 @@ const b = (0, classname_1.cn)('toolbar-button-with-popup-menu');
 const ToolbarButtonWithPopupMenu = ({ disablePortal, className, focus, onClick, icon, iconClassName, chevronIconClassName, title, menuItems, _selectionType, qa, qaMenu, ...props }) => {
     const [anchorElement, setAnchorElement] = (0, hooks_1.useElementState)();
     const [open, , hide, toggleOpen] = (0, hooks_1.useBooleanState)(false);
+    const zIndex = (0, react_utils_1.useTargetZIndex)(layout_1.LAYOUT.STICKY_TOOLBAR);
     const groups = (0, react_1.useMemo)(() => (0, lodash_1.groupBy)(menuItems.map((i) => ({ ...i, group: i.group || '' })), 'group'), [menuItems]);
     const someActive = menuItems.some((item) => !item.ignoreActive && item.action.isActive() === true);
     const everyDisabled = menuItems.every((item) => item.action.isEnable() === false);
@@ -34,7 +37,7 @@ const ToolbarButtonWithPopupMenu = ({ disablePortal, className, focus, onClick,
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(uikit_1.ActionTooltip, { disabled: popupOpen, openDelay: toolbar_1.ToolbarTooltipDelay.Open, closeDelay: toolbar_1.ToolbarTooltipDelay.Close, title: textTitle, children: (0, jsx_runtime_1.jsxs)(uikit_1.Button, { size: "m", ref: setAnchorElement, view: btnView, selected: btnSelected, disabled: everyDisabled, className: b(null, [className]), onClick: toggleOpen, "aria-label": textTitle, qa: qa, ...props, children: [(0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icon.data, size: icon.size, className: iconClassName }), '', (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.ChevronDown, className: chevronIconClassName })] }) }), (0, jsx_runtime_1.jsx)(uikit_1.Popup, { open: popupOpen, disablePortal: disablePortal, anchorElement: anchorElement, onOpenChange: (open) => {
                     if (!open)
                         hide();
-                }, children: (0, jsx_runtime_1.jsx)(uikit_1.Menu, { size: "l", qa: qaMenu, "data-toolbar-menu-for": textTitle, children: Object.entries(groups).map(([label, items], key) => {
+                }, zIndex: typeof zIndex === 'number' ? zIndex : undefined, children: (0, jsx_runtime_1.jsx)(uikit_1.Menu, { size: "l", qa: qaMenu, "data-toolbar-menu-for": textTitle, children: Object.entries(groups).map(([label, items], key) => {
                         return ((0, jsx_runtime_1.jsx)(uikit_1.Menu.Group, { label: label, className: b('menu-group'), children: items.map(({ id, icon, iconSize = 16, action, text, iconClassname }) => ((0, jsx_runtime_1.jsx)(uikit_1.Menu.Item, { iconStart: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icon, size: iconSize, className: iconClassname }), active: action.isActive(), disabled: !action.isEnable(), onClick: () => {
                                     hide();
                                     focus();

package/build/cjs/bundle/toolbar/ToolbarButtonWithPopupMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ToolbarButtonWithPopupMenu.js","sourceRoot":"../../../../src","sources":["bundle/toolbar/ToolbarButtonWithPopupMenu.tsx"],"names":[],"mappings":"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~~YAED~~,uBAAC,YAAI,IAAC,IAAI,EAAC,GAAG,EAAC,EAAE,EAAE,MAAM,2BAAyB,SAAS,YACtD,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,GAAG,EAAE,EAAE;wBAChD,OAAO,CACH,uBAAC,YAAI,CAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAY,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,YACzD,KAAK,CAAC,GAAG,CACN,CAAC,EAAC,EAAE,EAAE,IAAI,EAAE,QAAQ,GAAG,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,EAAC,EAAE,EAAE,CAAC,CACxD,uBAAC,YAAI,CAAC,IAAI,IAEN,SAAS,EACL,uBAAC,YAAI,IACD,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,aAAa,GAC1B,EAEN,MAAM,EAAE,MAAM,CAAC,QAAQ,EAAE,EACzB,QAAQ,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,EAC5B,OAAO,EAAE,GAAG,EAAE;oCACV,IAAI,EAAE,CAAC;oCACP,KAAK,EAAE,CAAC;oCACR,MAAM,CAAC,GAAG,EAAE,CAAC;oCACb,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;gCAClB,CAAC,EACD,UAAU,EAAE,EAAC,YAAY,EAAE,IAAI,EAAC,YAE/B,IAAI,IAlBA,EAAE,CAmBC,CACf,CACJ,IAzB0B,GAAG,CA0BrB,CAChB,CAAC;oBACN,CAAC,CAAC,GACC,GACH,IACT,CACN,CAAC;AACN,CAAC,CAAC;~~AAtHW~~,QAAA,0BAA0B,~~8BAsHrC~~","sourcesContent":["import {useEffect, useMemo} from 'react';\n\nimport {ChevronDown} from '@gravity-ui/icons';\nimport {\n ActionTooltip,\n Button,\n Icon,\n type IconProps,\n Menu,\n Popup,\n type PopupProps,\n} from '@gravity-ui/uikit';\n\nimport {cn} from '../../classname';\nimport type {Action} from '../../core';\nimport {groupBy, isFunction} from '../../lodash';\nimport {useBooleanState, useElementState} from '../../react-utils/hooks';\nimport {type ToolbarBaseProps, type ToolbarIconData, ToolbarTooltipDelay} from '../../toolbar';\n\nimport './ToolbarButtonWithPopupMenu.scss';\nconst b = cn('toolbar-button-with-popup-menu');\n\nexport type MenuItem = {\n id: string;\n action: Action;\n icon: IconProps['data'];\n text: string;\n iconSize?: IconProps['size'];\n iconClassname?: string;\n group?: string;\n ignoreActive?: boolean;\n};\n\nexport type ToolbarButtonWithPopupMenuProps = Pick<\n ToolbarBaseProps<never>,\n 'className' \| 'focus' \| 'onClick' \| 'qa'\n> &\n Pick<PopupProps, 'disablePortal'> & {\n icon: ToolbarIconData;\n iconClassName?: string;\n chevronIconClassName?: string;\n title: string \| (() => string);\n menuItems: MenuItem[];\n /** @default 'classic' */\n _selectionType?: 'classic' \| 'light';\n qaMenu?: string;\n };\n\nexport const ToolbarButtonWithPopupMenu: React.FC<ToolbarButtonWithPopupMenuProps> = ({\n disablePortal,\n className,\n focus,\n onClick,\n icon,\n iconClassName,\n chevronIconClassName,\n title,\n menuItems,\n _selectionType,\n qa,\n qaMenu,\n ...props\n}) => {\n const [anchorElement, setAnchorElement] = useElementState();\n const [open, , hide, toggleOpen] = useBooleanState(false);\n const groups = useMemo(\n () =>\n groupBy(\n menuItems.map((i) => ({...i, group: i.group \|\| ''})),\n 'group',\n ),\n [menuItems],\n );\n\n const someActive = menuItems.some(\n (item) => !item.ignoreActive && item.action.isActive() === true,\n );\n const everyDisabled = menuItems.every((item) => item.action.isEnable() === false);\n\n const popupOpen = everyDisabled ? false : open;\n const shouldForceHide = open && !popupOpen;\n useEffect(() => {\n if (shouldForceHide) {\n hide();\n }\n }, [hide, shouldForceHide]);\n\n const [btnView, btnSelected] =\n _selectionType === 'light'\n ? ([\n popupOpen ? 'normal' : someActive ? 'flat-action' : 'flat',\n popupOpen && someActive,\n ] as const)\n : ([someActive \|\| popupOpen ? 'normal' : 'flat', someActive] as const);\n\n const textTitle = isFunction(title) ? title() : title;\n\n return (\n <>\n <ActionTooltip\n disabled={popupOpen}\n openDelay={ToolbarTooltipDelay.Open}\n closeDelay={ToolbarTooltipDelay.Close}\n title={textTitle}\n >\n <Button\n size=\"m\"\n ref={setAnchorElement}\n view={btnView}\n selected={btnSelected}\n disabled={everyDisabled}\n className={b(null, [className])}\n onClick={toggleOpen}\n aria-label={textTitle}\n qa={qa}\n {...props}\n >\n <Icon data={icon.data} size={icon.size} className={iconClassName} />\n {''}\n <Icon data={ChevronDown} className={chevronIconClassName} />\n </Button>\n </ActionTooltip>\n <Popup\n open={popupOpen}\n disablePortal={disablePortal}\n anchorElement={anchorElement}\n onOpenChange={(open) => {\n if (!open) hide();\n }}\n >\n <Menu size=\"l\" qa={qaMenu} data-toolbar-menu-for={textTitle}>\n {Object.entries(groups).map(([label, items], key) => {\n return (\n <Menu.Group label={label} key={key} className={b('menu-group')}>\n {items.map(\n ({id, icon, iconSize = 16, action, text, iconClassname}) => (\n <Menu.Item\n key={id}\n iconStart={\n <Icon\n data={icon}\n size={iconSize}\n className={iconClassname}\n />\n }\n active={action.isActive()}\n disabled={!action.isEnable()}\n onClick={() => {\n hide();\n focus();\n action.run();\n onClick?.(id);\n }}\n extraProps={{'aria-label': text}}\n >\n {text}\n </Menu.Item>\n ),\n )}\n </Menu.Group>\n );\n })}\n </Menu>\n </Popup>\n </>\n );\n};\n"]}
1	+ {"version":3,"file":"ToolbarButtonWithPopupMenu.js","sourceRoot":"../../../../src","sources":["bundle/toolbar/ToolbarButtonWithPopupMenu.tsx"],"names":[],"mappings":";;;;AAAA,iCAAyC;AAEzC,6CAA8C;AAC9C,6CAQ2B;AAE3B,mDAAyC;AAEzC,kDAAmC;AAEnC,4CAAiD;AACjD,4DAAkD;AAClD,sDAAyE;AACzE,oDAA+F;AAE/F,4CAA2C;AAC3C,MAAM,CAAC,GAAG,IAAA,cAAE,EAAC,gCAAgC,CAAC,CAAC;AA4BxC,MAAM,0BAA0B,GAA8C,CAAC,EAClF,aAAa,EACb,SAAS,EACT,KAAK,EACL,OAAO,EACP,IAAI,EACJ,aAAa,EACb,oBAAoB,EACpB,KAAK,EACL,SAAS,EACT,cAAc,EACd,EAAE,EACF,MAAM,EACN,GAAG,KAAK,EACX,EAAE,EAAE;IACD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,uBAAe,GAAE,CAAC;IAC5D,MAAM,CAAC,IAAI,EAAE,AAAD,EAAG,IAAI,EAAE,UAAU,CAAC,GAAG,IAAA,uBAAe,EAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,MAAM,GAAG,IAAA,6BAAe,EAAC,eAAM,CAAC,cAAc,CAAC,CAAC;IACtD,MAAM,MAAM,GAAG,IAAA,eAAO,EAClB,GAAG,EAAE,CACD,IAAA,gBAAO,EACH,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAC,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,IAAI,EAAE,EAAC,CAAC,CAAC,EACpD,OAAO,CACV,EACL,CAAC,SAAS,CAAC,CACd,CAAC;IAEF,MAAM,UAAU,GAAG,SAAS,CAAC,IAAI,CAC7B,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,KAAK,IAAI,CAClE,CAAC;IACF,MAAM,aAAa,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,KAAK,KAAK,CAAC,CAAC;IAElF,MAAM,SAAS,GAAG,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;IAC/C,MAAM,eAAe,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC;IAC3C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,eAAe,EAAE,CAAC;YAClB,IAAI,EAAE,CAAC;QACX,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC;IAE5B,MAAM,CAAC,OAAO,EAAE,WAAW,CAAC,GACxB,cAAc,KAAK,OAAO;QACtB,CAAC,CAAE;YACG,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM;YAC1D,SAAS,IAAI,UAAU;SAChB;QACb,CAAC,CAAE,CAAC,UAAU,IAAI,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,UAAU,CAAW,CAAC;IAE/E,MAAM,SAAS,GAAG,IAAA,mBAAU,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;IAEtD,OAAO,CACH,6DACI,uBAAC,qBAAa,IACV,QAAQ,EAAE,SAAS,EACnB,SAAS,EAAE,6BAAmB,CAAC,IAAI,EACnC,UAAU,EAAE,6BAAmB,CAAC,KAAK,EACrC,KAAK,EAAE,SAAS,YAEhB,wBAAC,cAAM,IACH,IAAI,EAAC,GAAG,EACR,GAAG,EAAE,gBAAgB,EACrB,IAAI,EAAE,OAAO,EACb,QAAQ,EAAE,WAAW,EACrB,QAAQ,EAAE,aAAa,EACvB,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,SAAS,CAAC,CAAC,EAC/B,OAAO,EAAE,UAAU,gBACP,SAAS,EACrB,EAAE,EAAE,EAAE,KACF,KAAK,aAET,uBAAC,YAAI,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,SAAS,EAAE,aAAa,GAAI,EACnE,EAAE,EACH,uBAAC,YAAI,IAAC,IAAI,EAAE,mBAAW,EAAE,SAAS,EAAE,oBAAoB,GAAI,IACvD,GACG,EAChB,uBAAC,aAAK,IACF,IAAI,EAAE,SAAS,EACf,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;oBACnB,IAAI,CAAC,IAAI;wBAAE,IAAI,EAAE,CAAC;gBACtB,CAAC,EACD,MAAM,EAAE,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,YAEvD,uBAAC,YAAI,IAAC,IAAI,EAAC,GAAG,EAAC,EAAE,EAAE,MAAM,2BAAyB,SAAS,YACtD,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,GAAG,EAAE,EAAE;wBAChD,OAAO,CACH,uBAAC,YAAI,CAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAY,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,YACzD,KAAK,CAAC,GAAG,CACN,CAAC,EAAC,EAAE,EAAE,IAAI,EAAE,QAAQ,GAAG,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,EAAC,EAAE,EAAE,CAAC,CACxD,uBAAC,YAAI,CAAC,IAAI,IAEN,SAAS,EACL,uBAAC,YAAI,IACD,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,aAAa,GAC1B,EAEN,MAAM,EAAE,MAAM,CAAC,QAAQ,EAAE,EACzB,QAAQ,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,EAC5B,OAAO,EAAE,GAAG,EAAE;oCACV,IAAI,EAAE,CAAC;oCACP,KAAK,EAAE,CAAC;oCACR,MAAM,CAAC,GAAG,EAAE,CAAC;oCACb,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;gCAClB,CAAC,EACD,UAAU,EAAE,EAAC,YAAY,EAAE,IAAI,EAAC,YAE/B,IAAI,IAlBA,EAAE,CAmBC,CACf,CACJ,IAzB0B,GAAG,CA0BrB,CAChB,CAAC;oBACN,CAAC,CAAC,GACC,GACH,IACT,CACN,CAAC;AACN,CAAC,CAAC;AAxHW,QAAA,0BAA0B,8BAwHrC","sourcesContent":["import {useEffect, useMemo} from 'react';\n\nimport {ChevronDown} from '@gravity-ui/icons';\nimport {\n ActionTooltip,\n Button,\n Icon,\n type IconProps,\n Menu,\n Popup,\n type PopupProps,\n} from '@gravity-ui/uikit';\n\nimport {LAYOUT} from 'src/common/layout';\n\nimport {cn} from '../../classname';\nimport type {Action} from '../../core';\nimport {groupBy, isFunction} from '../../lodash';\nimport {useTargetZIndex} from '../../react-utils';\nimport {useBooleanState, useElementState} from '../../react-utils/hooks';\nimport {type ToolbarBaseProps, type ToolbarIconData, ToolbarTooltipDelay} from '../../toolbar';\n\nimport './ToolbarButtonWithPopupMenu.scss';\nconst b = cn('toolbar-button-with-popup-menu');\n\nexport type MenuItem = {\n id: string;\n action: Action;\n icon: IconProps['data'];\n text: string;\n iconSize?: IconProps['size'];\n iconClassname?: string;\n group?: string;\n ignoreActive?: boolean;\n};\n\nexport type ToolbarButtonWithPopupMenuProps = Pick<\n ToolbarBaseProps<never>,\n 'className' \| 'focus' \| 'onClick' \| 'qa'\n> &\n Pick<PopupProps, 'disablePortal'> & {\n icon: ToolbarIconData;\n iconClassName?: string;\n chevronIconClassName?: string;\n title: string \| (() => string);\n menuItems: MenuItem[];\n /** @default 'classic' */\n _selectionType?: 'classic' \| 'light';\n qaMenu?: string;\n };\n\nexport const ToolbarButtonWithPopupMenu: React.FC<ToolbarButtonWithPopupMenuProps> = ({\n disablePortal,\n className,\n focus,\n onClick,\n icon,\n iconClassName,\n chevronIconClassName,\n title,\n menuItems,\n _selectionType,\n qa,\n qaMenu,\n ...props\n}) => {\n const [anchorElement, setAnchorElement] = useElementState();\n const [open, , hide, toggleOpen] = useBooleanState(false);\n const zIndex = useTargetZIndex(LAYOUT.STICKY_TOOLBAR);\n const groups = useMemo(\n () =>\n groupBy(\n menuItems.map((i) => ({...i, group: i.group \|\| ''})),\n 'group',\n ),\n [menuItems],\n );\n\n const someActive = menuItems.some(\n (item) => !item.ignoreActive && item.action.isActive() === true,\n );\n const everyDisabled = menuItems.every((item) => item.action.isEnable() === false);\n\n const popupOpen = everyDisabled ? false : open;\n const shouldForceHide = open && !popupOpen;\n useEffect(() => {\n if (shouldForceHide) {\n hide();\n }\n }, [hide, shouldForceHide]);\n\n const [btnView, btnSelected] =\n _selectionType === 'light'\n ? ([\n popupOpen ? 'normal' : someActive ? 'flat-action' : 'flat',\n popupOpen && someActive,\n ] as const)\n : ([someActive \|\| popupOpen ? 'normal' : 'flat', someActive] as const);\n\n const textTitle = isFunction(title) ? title() : title;\n\n return (\n <>\n <ActionTooltip\n disabled={popupOpen}\n openDelay={ToolbarTooltipDelay.Open}\n closeDelay={ToolbarTooltipDelay.Close}\n title={textTitle}\n >\n <Button\n size=\"m\"\n ref={setAnchorElement}\n view={btnView}\n selected={btnSelected}\n disabled={everyDisabled}\n className={b(null, [className])}\n onClick={toggleOpen}\n aria-label={textTitle}\n qa={qa}\n {...props}\n >\n <Icon data={icon.data} size={icon.size} className={iconClassName} />\n {''}\n <Icon data={ChevronDown} className={chevronIconClassName} />\n </Button>\n </ActionTooltip>\n <Popup\n open={popupOpen}\n disablePortal={disablePortal}\n anchorElement={anchorElement}\n onOpenChange={(open) => {\n if (!open) hide();\n }}\n zIndex={typeof zIndex === 'number' ? zIndex : undefined}\n >\n <Menu size=\"l\" qa={qaMenu} data-toolbar-menu-for={textTitle}>\n {Object.entries(groups).map(([label, items], key) => {\n return (\n <Menu.Group label={label} key={key} className={b('menu-group')}>\n {items.map(\n ({id, icon, iconSize = 16, action, text, iconClassname}) => (\n <Menu.Item\n key={id}\n iconStart={\n <Icon\n data={icon}\n size={iconSize}\n className={iconClassname}\n />\n }\n active={action.isActive()}\n disabled={!action.isEnable()}\n onClick={() => {\n hide();\n focus();\n action.run();\n onClick?.(id);\n }}\n extraProps={{'aria-label': text}}\n >\n {text}\n </Menu.Item>\n ),\n )}\n </Menu.Group>\n );\n })}\n </Menu>\n </Popup>\n </>\n );\n};\n"]}

package/build/cjs/common/layout.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export declare const LAYOUT: {
+    STICKY_TOOLBAR: string;
+};

package/build/cjs/common/layout.js ADDED Viewed

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LAYOUT = void 0;
+exports.LAYOUT = {
+    STICKY_TOOLBAR: 'sticky-toolbar',
+};
+//# sourceMappingURL=layout.js.map

package/build/cjs/common/layout.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"layout.js","sourceRoot":"../../../src","sources":["common/layout.ts"],"names":[],"mappings":";;;AAAa,QAAA,MAAM,GAAG;IAClB,cAAc,EAAE,gBAAgB;CACnC,CAAC","sourcesContent":["export const LAYOUT = {\n STICKY_TOOLBAR: 'sticky-toolbar',\n};\n"]}

package/build/cjs/extensions/base/BaseSchema/BaseSchemaSpecs/index.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import type { NodeSpec } from 'prosemirror-model';
 import type { ExtensionAuto } from "../../../../core/index.js";
+import type { NodeSpec } from "../../../../pm/model.js";
 export declare enum BaseNode {
     Doc = "doc",
     Text = "text",

package/build/cjs/extensions/base/BaseSchema/BaseSchemaSpecs/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BaseSchemaSpecs = exports.pType = exports.BaseNode = void 0;
-const utils_1 = require("../../../../utils/index.js");
+const nodes_1 = require("../../../../utils/nodes.js");
 const schema_1 = require("../../../../utils/schema.js");
 var BaseNode;
 (function (BaseNode) {
@@ -60,7 +60,7 @@ const BaseSchemaSpecs = (builder, opts) => {
                 An empty line is added only if there is some content in the parent element.
                 This is necessary in order to prevent an empty document with empty lines
             */
-            if (opts.preserveEmptyRows && (0, utils_1.isEmptyString)(node)) {
+            if (opts.preserveEmptyRows && (0, nodes_1.isEmptyString)(node)) {
                 let isParentEmpty = true;
                 for (let index = 0; index < parent.content.childCount; index++) {
                     const parentChild = parent.content.child(index);

package/build/cjs/extensions/base/BaseSchema/BaseSchemaSpecs/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["extensions/base/BaseSchema/BaseSchemaSpecs/index.ts"],"names":[],"mappings":";;;AAEA,~~sDAAwC~~;~~AAGxC~~,~~wDAAyD~~;~~AAEzD~~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","sourcesContent":["import type {~~NodeSpec~~} from '~~prosemirror-model~~';\n\nimport {~~isEmptyString~~} from '~~src~~/~~utils~~';\n\nimport ~~type~~ {~~ExtensionAuto~~} from '~~../../../../core~~';\nimport {nodeTypeFactory} from '~~../../../../~~utils/schema';\n\nexport enum BaseNode {\n Doc = 'doc',\n Text = 'text',\n Paragraph = 'paragraph',\n}\n\nconst paragraphLineNumberAttr = 'data-line';\n\nexport const pType = nodeTypeFactory(BaseNode.Paragraph);\n\nexport type BaseSchemaSpecsOptions = {\n // This cannot be passed through placeholder option of BehaviorPreset because BasePreset initializes first\n paragraphPlaceholder?: NonNullable<NodeSpec['placeholder']>['content'];\n preserveEmptyRows?: boolean;\n};\n\nexport const BaseSchemaSpecs: ExtensionAuto<BaseSchemaSpecsOptions> = (builder, opts) => {\n builder\n .addNode(BaseNode.Doc, () => ({\n spec: {\n content: 'block+',\n },\n fromMd: {tokenSpec: {name: BaseNode.Doc, type: 'block', ignore: true}},\n toMd: () => {\n throw new Error('Unexpected toMd() call on doc node');\n },\n }))\n .addNode(BaseNode.Text, () => ({\n spec: {\n group: 'inline',\n },\n fromMd: {tokenSpec: {name: BaseNode.Text, type: 'node', ignore: true}},\n toMd: (state, node, parent) => {\n const {escapeText} = parent.type.spec;\n state.text(node.text ?? '', escapeText ?? !state.isAutolink);\n },\n }))\n .addNode(BaseNode.Paragraph, () => ({\n spec: {\n attrs: {[paragraphLineNumberAttr]: {default: null}},\n content: 'inline',\n group: 'block',\n parseDOM: [{tag: 'p'}],\n toDOM(node) {\n const lineNumber = node.attrs[paragraphLineNumberAttr];\n\n return [\n 'p',\n lineNumber === null ? {} : {[paragraphLineNumberAttr]: lineNumber},\n 0,\n ];\n },\n selectable: true,\n placeholder: opts.paragraphPlaceholder\n ? {\n content: opts.paragraphPlaceholder,\n alwaysVisible: false,\n }\n : undefined,\n },\n fromMd: {tokenSpec: {name: BaseNode.Paragraph, type: 'block'}},\n toMd: (state, node, parent) => {\n /\n An empty line is added only if there is some content in the parent element.\n This is necessary in order to prevent an empty document with empty lines\n */\n if (opts.preserveEmptyRows && isEmptyString(node)) {\n let isParentEmpty = true;\n\n for (let index = 0; index < parent.content.childCount; index++) {\n const parentChild = parent.content.child(index);\n if (\n parentChild.content.size !== 0 \|\|\n parentChild.type.name !== 'paragraph'\n ) {\n isParentEmpty = false;\n }\n }\n\n if (!isParentEmpty) {\n state.write(' \\n');\n state.write('\\n');\n }\n } else {\n state.renderInline(node);\n state.closeBlock(node);\n }\n },\n }));\n};\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["extensions/base/BaseSchema/BaseSchemaSpecs/index.ts"],"names":[],"mappings":"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","sourcesContent":["import type {ExtensionAuto} from '#core';\nimport type {NodeSpec} from '#pm/model';\nimport {isEmptyString} from 'src/utils/nodes';\nimport {nodeTypeFactory} from 'src/utils/schema';\n\nexport enum BaseNode {\n Doc = 'doc',\n Text = 'text',\n Paragraph = 'paragraph',\n}\n\nconst paragraphLineNumberAttr = 'data-line';\n\nexport const pType = nodeTypeFactory(BaseNode.Paragraph);\n\nexport type BaseSchemaSpecsOptions = {\n // This cannot be passed through placeholder option of BehaviorPreset because BasePreset initializes first\n paragraphPlaceholder?: NonNullable<NodeSpec['placeholder']>['content'];\n preserveEmptyRows?: boolean;\n};\n\nexport const BaseSchemaSpecs: ExtensionAuto<BaseSchemaSpecsOptions> = (builder, opts) => {\n builder\n .addNode(BaseNode.Doc, () => ({\n spec: {\n content: 'block+',\n },\n fromMd: {tokenSpec: {name: BaseNode.Doc, type: 'block', ignore: true}},\n toMd: () => {\n throw new Error('Unexpected toMd() call on doc node');\n },\n }))\n .addNode(BaseNode.Text, () => ({\n spec: {\n group: 'inline',\n },\n fromMd: {tokenSpec: {name: BaseNode.Text, type: 'node', ignore: true}},\n toMd: (state, node, parent) => {\n const {escapeText} = parent.type.spec;\n state.text(node.text ?? '', escapeText ?? !state.isAutolink);\n },\n }))\n .addNode(BaseNode.Paragraph, () => ({\n spec: {\n attrs: {[paragraphLineNumberAttr]: {default: null}},\n content: 'inline',\n group: 'block',\n parseDOM: [{tag: 'p'}],\n toDOM(node) {\n const lineNumber = node.attrs[paragraphLineNumberAttr];\n\n return [\n 'p',\n lineNumber === null ? {} : {[paragraphLineNumberAttr]: lineNumber},\n 0,\n ];\n },\n selectable: true,\n placeholder: opts.paragraphPlaceholder\n ? {\n content: opts.paragraphPlaceholder,\n alwaysVisible: false,\n }\n : undefined,\n },\n fromMd: {tokenSpec: {name: BaseNode.Paragraph, type: 'block'}},\n toMd: (state, node, parent) => {\n /\n An empty line is added only if there is some content in the parent element.\n This is necessary in order to prevent an empty document with empty lines\n */\n if (opts.preserveEmptyRows && isEmptyString(node)) {\n let isParentEmpty = true;\n\n for (let index = 0; index < parent.content.childCount; index++) {\n const parentChild = parent.content.child(index);\n if (\n parentChild.content.size !== 0 \|\|\n parentChild.type.name !== 'paragraph'\n ) {\n isParentEmpty = false;\n }\n }\n\n if (!isParentEmpty) {\n state.write(' \\n');\n state.write('\\n');\n }\n } else {\n state.renderInline(node);\n state.closeBlock(node);\n }\n },\n }));\n};\n"]}

package/build/cjs/extensions/markdown/Table/commands.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { type Command } from "../../../pm/state.js";
2	+ export declare const moveToNextRowCommand: Command;

package/build/cjs/extensions/markdown/Table/commands.js ADDED Viewed

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.moveToNextRowCommand = void 0;
+const state_1 = require("../../../pm/state.js");
+const specs_1 = require("../../base/specs.js");
+const table_utils_1 = require("../../../table-utils/index.js");
+const node_children_1 = require("../../../utils/node-children.js");
+const helpers_1 = require("./helpers.js");
+const moveToNextRow = ($pos, state, dispatch) => {
+    const tableRes = (0, table_utils_1.findParentTableFromPos)($pos);
+    if (!tableRes)
+        return false;
+    const tableHeadResult = (0, helpers_1.findParentHeadOnPos)($pos);
+    const tableBodyResult = (0, helpers_1.findParentBodyOnPos)($pos);
+    if (!tableHeadResult && !tableBodyResult)
+        return false;
+    const tableRowResult = (0, helpers_1.findParentRowOnPos)($pos);
+    const tableCellResult = (0, helpers_1.findParentCellOnPos)($pos);
+    if (!tableRowResult || !tableCellResult)
+        return false;
+    const cellIndex = $pos.index(tableCellResult.depth - 1);
+    const rowIndex = $pos.index(tableRowResult.depth - 1);
+    if (!dispatch)
+        return true;
+    const goToNextRow = (tr, nextRow, nextRowPos) => {
+        const cell = (0, node_children_1.getChildByIndex)(nextRow, cellIndex);
+        if (cell) {
+            const cellPos = nextRowPos + 1 + cell.offset;
+            tr.setSelection(state_1.TextSelection.create(tr.doc, cellPos + cell.node.nodeSize - 1));
+        }
+        else {
+            // fallback if cell not found
+            const $rowEnd = tr.doc.resolve(nextRowPos + nextRow.nodeSize - 1);
+            tr.setSelection(state_1.TextSelection.near($rowEnd, -1));
+        }
+    };
+    const exitTable = (tr) => {
+        const afterTablePos = tableRes.pos + tableRes.node.nodeSize;
+        tr.insert(afterTablePos, (0, specs_1.pType)(state.schema).create());
+        tr.setSelection(state_1.TextSelection.create(tr.doc, afterTablePos + 1));
+    };
+    const tr = state.tr;
+    if (tableHeadResult) {
+        // in table head
+        const tableBody = (0, node_children_1.getChildByIndex)(tableRes.node, tableRes.node.childCount - 1);
+        if (tableBody && tableBody.node !== tableHeadResult.node && tableBody.node.firstChild) {
+            goToNextRow(tr, tableBody.node.firstChild, tableRes.start + tableBody.offset + 1);
+        }
+        else {
+            // no table body or it is empty
+            exitTable(tr);
+        }
+    }
+    else {
+        // in table body
+        const nextRow = (0, node_children_1.getChildByIndex)(tableBodyResult.node, rowIndex + 1);
+        if (nextRow) {
+            goToNextRow(tr, nextRow.node, tableBodyResult.start + nextRow.offset);
+        }
+        else {
+            // pos in last row
+            exitTable(tr);
+        }
+    }
+    dispatch(tr.scrollIntoView());
+    return true;
+};
+const moveToNextRowCommand = (state, dispatch) => {
+    return (moveToNextRow(state.selection.$head, state, dispatch) ||
+        moveToNextRow(state.selection.$anchor, state, dispatch));
+};
+exports.moveToNextRowCommand = moveToNextRowCommand;
+//# sourceMappingURL=commands.js.map

package/build/cjs/extensions/markdown/Table/commands.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"commands.js","sourceRoot":"../../../../../src","sources":["extensions/markdown/Table/commands.ts"],"names":[],"mappings":"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","sourcesContent":["import type {Node, ResolvedPos} from '#pm/model';\nimport {type Command, type EditorState, TextSelection, type Transaction} from '#pm/state';\nimport type {EditorView} from '#pm/view';\nimport {pType} from 'src/extensions/base/specs';\nimport {findParentTableFromPos} from 'src/table-utils';\nimport {getChildByIndex} from 'src/utils/node-children';\n\nimport {\n findParentBodyOnPos,\n findParentCellOnPos,\n findParentHeadOnPos,\n findParentRowOnPos,\n} from './helpers';\n\nconst moveToNextRow = (\n $pos: ResolvedPos,\n state: EditorState,\n dispatch: EditorView['dispatch'] | undefined,\n) => {\n const tableRes = findParentTableFromPos($pos);\n if (!tableRes) return false;\n\n const tableHeadResult = findParentHeadOnPos($pos);\n const tableBodyResult = findParentBodyOnPos($pos);\n if (!tableHeadResult && !tableBodyResult) return false;\n\n const tableRowResult = findParentRowOnPos($pos);\n const tableCellResult = findParentCellOnPos($pos);\n if (!tableRowResult || !tableCellResult) return false;\n\n const cellIndex = $pos.index(tableCellResult.depth - 1);\n const rowIndex = $pos.index(tableRowResult.depth - 1);\n\n if (!dispatch) return true;\n\n const goToNextRow = (tr: Transaction, nextRow: Node, nextRowPos: number) => {\n const cell = getChildByIndex(nextRow, cellIndex);\n if (cell) {\n const cellPos = nextRowPos + 1 + cell.offset;\n tr.setSelection(TextSelection.create(tr.doc, cellPos + cell.node.nodeSize - 1));\n } else {\n // fallback if cell not found\n const $rowEnd = tr.doc.resolve(nextRowPos + nextRow.nodeSize - 1);\n tr.setSelection(TextSelection.near($rowEnd, -1));\n }\n };\n\n const exitTable = (tr: Transaction) => {\n const afterTablePos = tableRes.pos + tableRes.node.nodeSize;\n tr.insert(afterTablePos, pType(state.schema).create());\n tr.setSelection(TextSelection.create(tr.doc, afterTablePos + 1));\n };\n\n const tr = state.tr;\n\n if (tableHeadResult) {\n // in table head\n const tableBody = getChildByIndex(tableRes.node, tableRes.node.childCount - 1);\n if (tableBody && tableBody.node !== tableHeadResult.node && tableBody.node.firstChild) {\n goToNextRow(tr, tableBody.node.firstChild, tableRes.start + tableBody.offset + 1);\n } else {\n // no table body or it is empty\n exitTable(tr);\n }\n } else {\n // in table body\n const nextRow = getChildByIndex(tableBodyResult!.node, rowIndex + 1);\n if (nextRow) {\n goToNextRow(tr, nextRow.node, tableBodyResult!.start + nextRow.offset);\n } else {\n // pos in last row\n exitTable(tr);\n }\n }\n\n dispatch(tr.scrollIntoView());\n\n return true;\n};\n\nexport const moveToNextRowCommand: Command = (state, dispatch) => {\n return (\n moveToNextRow(state.selection.$head, state, dispatch) ||\n moveToNextRow(state.selection.$anchor, state, dispatch)\n );\n};\n"]}

package/build/cjs/extensions/markdown/Table/helpers.d.ts CHANGED Viewed

@@ -1,9 +1,14 @@
-import type { Node, Schema } from 'prosemirror-model';
-import type { EditorState } from 'prosemirror-state';
+import type { Node, ResolvedPos, Schema } from "../../../pm/model.js";
+import type { EditorState } from "../../../pm/state.js";
 export declare const isIntoTable: (state: EditorState) => any;
 export declare const findParentTable: (state: EditorState) => any;
+export declare const findParentTableOnPosOnPos: ($pos: ResolvedPos) => any;
+export declare const findParentHeadOnPos: ($pos: ResolvedPos) => any;
 export declare const findParentBody: (state: EditorState) => any;
+export declare const findParentBodyOnPos: ($pos: ResolvedPos) => any;
 export declare const findParentRow: (state: EditorState) => any;
+export declare const findParentRowOnPos: ($pos: ResolvedPos) => any;
 export declare const findParentCell: (state: EditorState) => any;
+export declare const findParentCellOnPos: ($pos: ResolvedPos) => any;
 export declare const findTableRows: (table: Node, schema: Schema) => any;
 export declare const findTableCells: (table: Node, schema: Schema) => any;

package/build/cjs/extensions/markdown/Table/helpers.js CHANGED Viewed

@@ -1,23 +1,36 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.findTableCells = exports.findTableRows = exports.findParentCell = exports.findParentRow = exports.findParentBody = exports.findParentTable = exports.isIntoTable = void 0;
-const prosemirror_utils_1 = require("prosemirror-utils");
+exports.findTableCells = exports.findTableRows = exports.findParentCellOnPos = exports.findParentCell = exports.findParentRowOnPos = exports.findParentRow = exports.findParentBodyOnPos = exports.findParentBody = exports.findParentHeadOnPos = exports.findParentTableOnPosOnPos = exports.findParentTable = exports.isIntoTable = void 0;
+const utils_1 = require("../../../pm/utils.js");
 const const_1 = require("./const.js");
-const isIntoTable = (state) => (0, prosemirror_utils_1.hasParentNodeOfType)(state.schema.nodes[const_1.TableNode.Table])(state.selection);
+const isIntoTable = (state) => (0, utils_1.hasParentNodeOfType)(state.schema.nodes[const_1.TableNode.Table])(state.selection);
 exports.isIntoTable = isIntoTable;
-const findParentTable = (state) => (0, prosemirror_utils_1.findParentNodeOfType)(state.schema.nodes[const_1.TableNode.Table])(state.selection);
+const findParentTable = (state) => (0, utils_1.findParentNodeOfType)(state.schema.nodes[const_1.TableNode.Table])(state.selection);
 exports.findParentTable = findParentTable;
-const findParentBody = (state) => (0, prosemirror_utils_1.findParentNodeOfType)(state.schema.nodes[const_1.TableNode.Body])(state.selection);
+const findParentTableOnPosOnPos = ($pos) => (0, utils_1.findParentNodeOfTypeClosestToPos)($pos, $pos.doc.type.schema.nodes[const_1.TableNode.Table]);
+exports.findParentTableOnPosOnPos = findParentTableOnPosOnPos;
+const findParentHeadOnPos = ($pos) => (0, utils_1.findParentNodeOfTypeClosestToPos)($pos, $pos.doc.type.schema.nodes[const_1.TableNode.Head]);
+exports.findParentHeadOnPos = findParentHeadOnPos;
+const findParentBody = (state) => (0, utils_1.findParentNodeOfType)(state.schema.nodes[const_1.TableNode.Body])(state.selection);
 exports.findParentBody = findParentBody;
-const findParentRow = (state) => (0, prosemirror_utils_1.findParentNodeOfType)(state.schema.nodes[const_1.TableNode.Row])(state.selection);
+const findParentBodyOnPos = ($pos) => (0, utils_1.findParentNodeOfTypeClosestToPos)($pos, $pos.doc.type.schema.nodes[const_1.TableNode.Body]);
+exports.findParentBodyOnPos = findParentBodyOnPos;
+const findParentRow = (state) => (0, utils_1.findParentNodeOfType)(state.schema.nodes[const_1.TableNode.Row])(state.selection);
 exports.findParentRow = findParentRow;
-const findParentCell = (state) => (0, prosemirror_utils_1.findParentNodeOfType)([
+const findParentRowOnPos = ($pos) => (0, utils_1.findParentNodeOfTypeClosestToPos)($pos, $pos.doc.type.schema.nodes[const_1.TableNode.Row]);
+exports.findParentRowOnPos = findParentRowOnPos;
+const findParentCell = (state) => (0, utils_1.findParentNodeOfType)([
     state.schema.nodes[const_1.TableNode.HeaderCell],
     state.schema.nodes[const_1.TableNode.DataCell],
 ])(state.selection);
 exports.findParentCell = findParentCell;
-const findTableRows = (table, schema) => (0, prosemirror_utils_1.findChildrenByType)(table, schema.nodes[const_1.TableNode.Row]);
+const findParentCellOnPos = ($pos) => (0, utils_1.findParentNodeOfTypeClosestToPos)($pos, [
+    $pos.doc.type.schema.nodes[const_1.TableNode.HeaderCell],
+    $pos.doc.type.schema.nodes[const_1.TableNode.DataCell],
+]);
+exports.findParentCellOnPos = findParentCellOnPos;
+const findTableRows = (table, schema) => (0, utils_1.findChildrenByType)(table, schema.nodes[const_1.TableNode.Row]);
 exports.findTableRows = findTableRows;
-const findTableCells = (table, schema) => (0, prosemirror_utils_1.findChildren)(table, (node) => [schema.nodes[const_1.TableNode.HeaderCell].name, schema.nodes[const_1.TableNode.DataCell].name].includes(node.type.name));
+const findTableCells = (table, schema) => (0, utils_1.findChildren)(table, (node) => [schema.nodes[const_1.TableNode.HeaderCell].name, schema.nodes[const_1.TableNode.DataCell].name].includes(node.type.name));
 exports.findTableCells = findTableCells;
 //# sourceMappingURL=helpers.js.map

package/build/cjs/extensions/markdown/Table/helpers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"helpers.js","sourceRoot":"../../../../../src","sources":["extensions/markdown/Table/helpers.ts"],"names":[],"mappings":";;;AAEA,~~yDAM2B~~;~~AAE3B~~,sCAAkC;AAE3B,MAAM,WAAW,GAAG,CAAC,KAAkB,EAAE,EAAE,CAC9C,IAAA,~~uCAAmB~~,EAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAS,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;AADjE,QAAA,WAAW,eACsD;AAEvE,MAAM,eAAe,GAAG,CAAC,KAAkB,EAAE,EAAE,CAClD,IAAA,~~wCAAoB~~,EAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAS,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;AADlE,QAAA,eAAe,mBACmD;AAExE,MAAM,cAAc,GAAG,CAAC,KAAkB,EAAE,EAAE,CACjD,IAAA,~~wCAAoB~~,EAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAS,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;AADjE,QAAA,cAAc,kBACmD;AAEvE,MAAM,aAAa,GAAG,CAAC,KAAkB,EAAE,EAAE,CAChD,IAAA,~~wCAAoB~~,EAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAS,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;AADhE,QAAA,aAAa,iBACmD;AAEtE,MAAM,cAAc,GAAG,CAAC,KAAkB,EAAE,EAAE,CACjD,IAAA,~~wCAAoB~~,EAAC;IACjB,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAS,CAAC,UAAU,CAAC;IACxC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAS,CAAC,QAAQ,CAAC;CACzC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;AAJX,QAAA,cAAc,kBAIH;AAEjB,MAAM,aAAa,GAAG,CAAC,KAAW,EAAE,MAAc,EAAE,EAAE,CACzD,IAAA,~~sCAAkB~~,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,iBAAS,CAAC,GAAG,CAAC,CAAC,CAAC;AAD9C,QAAA,aAAa,iBACiC;AAEpD,MAAM,cAAc,GAAG,CAAC,KAAW,EAAE,MAAc,EAAE,EAAE,CAC1D,IAAA,~~gCAAY~~,EAAC,KAAK,EAAE,CAAC,IAAU,EAAE,EAAE,CAC/B,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAS,CAAC,UAAU,CAAC,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,iBAAS,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,CACrF,IAAI,CAAC,IAAI,CAAC,IAAI,CACjB,CACJ,CAAC;AALO,QAAA,cAAc,kBAKrB","sourcesContent":["import type {Node, Schema} from '~~prosemirror-~~model';\nimport type {EditorState} from '~~prosemirror-~~state';\nimport {\n findChildren,\n findChildrenByType,\n findParentNodeOfType,\n ~~hasParentNodeOfType~~,\n ~~// @ts-ignore // TODO: fix cjs build\~~n} from '~~prosemirror-~~utils';\n\nimport {TableNode} from './const';\n\nexport const isIntoTable = (state: EditorState) =>\n hasParentNodeOfType(state.schema.nodes[TableNode.Table])(state.selection);\n\nexport const findParentTable = (state: EditorState) =>\n findParentNodeOfType(state.schema.nodes[TableNode.Table])(state.selection);\n\nexport const findParentBody = (state: EditorState) =>\n findParentNodeOfType(state.schema.nodes[TableNode.Body])(state.selection);\n\nexport const findParentRow = (state: EditorState) =>\n findParentNodeOfType(state.schema.nodes[TableNode.Row])(state.selection);\n\nexport const findParentCell = (state: EditorState) =>\n findParentNodeOfType([\n state.schema.nodes[TableNode.HeaderCell],\n state.schema.nodes[TableNode.DataCell],\n ])(state.selection);\n\nexport const findTableRows = (table: Node, schema: Schema) =>\n findChildrenByType(table, schema.nodes[TableNode.Row]);\n\nexport const findTableCells = (table: Node, schema: Schema) =>\n findChildren(table, (node: Node) =>\n [schema.nodes[TableNode.HeaderCell].name, schema.nodes[TableNode.DataCell].name].includes(\n node.type.name,\n ),\n );\n"]}
1	+ {"version":3,"file":"helpers.js","sourceRoot":"../../../../../src","sources":["extensions/markdown/Table/helpers.ts"],"names":[],"mappings":"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","sourcesContent":["import type {Node, ResolvedPos, Schema} from '#pm/model';\nimport type {EditorState} from '#pm/state';\nimport {\n findChildren,\n findChildrenByType,\n findParentNodeOfType,\n findParentNodeOfTypeClosestToPos,\n hasParentNodeOfType,\n} from '#pm/utils';\n\nimport {TableNode} from './const';\n\nexport const isIntoTable = (state: EditorState) =>\n hasParentNodeOfType(state.schema.nodes[TableNode.Table])(state.selection);\n\nexport const findParentTable = (state: EditorState) =>\n findParentNodeOfType(state.schema.nodes[TableNode.Table])(state.selection);\n\nexport const findParentTableOnPosOnPos = ($pos: ResolvedPos) =>\n findParentNodeOfTypeClosestToPos($pos, $pos.doc.type.schema.nodes[TableNode.Table]);\n\nexport const findParentHeadOnPos = ($pos: ResolvedPos) =>\n findParentNodeOfTypeClosestToPos($pos, $pos.doc.type.schema.nodes[TableNode.Head]);\n\nexport const findParentBody = (state: EditorState) =>\n findParentNodeOfType(state.schema.nodes[TableNode.Body])(state.selection);\n\nexport const findParentBodyOnPos = ($pos: ResolvedPos) =>\n findParentNodeOfTypeClosestToPos($pos, $pos.doc.type.schema.nodes[TableNode.Body]);\n\nexport const findParentRow = (state: EditorState) =>\n findParentNodeOfType(state.schema.nodes[TableNode.Row])(state.selection);\n\nexport const findParentRowOnPos = ($pos: ResolvedPos) =>\n findParentNodeOfTypeClosestToPos($pos, $pos.doc.type.schema.nodes[TableNode.Row]);\n\nexport const findParentCell = (state: EditorState) =>\n findParentNodeOfType([\n state.schema.nodes[TableNode.HeaderCell],\n state.schema.nodes[TableNode.DataCell],\n ])(state.selection);\n\nexport const findParentCellOnPos = ($pos: ResolvedPos) =>\n findParentNodeOfTypeClosestToPos($pos, [\n $pos.doc.type.schema.nodes[TableNode.HeaderCell],\n $pos.doc.type.schema.nodes[TableNode.DataCell],\n ]);\n\nexport const findTableRows = (table: Node, schema: Schema) =>\n findChildrenByType(table, schema.nodes[TableNode.Row]);\n\nexport const findTableCells = (table: Node, schema: Schema) =>\n findChildren(table, (node: Node) =>\n [schema.nodes[TableNode.HeaderCell].name, schema.nodes[TableNode.DataCell].name].includes(\n node.type.name,\n ),\n );\n"]}

package/build/cjs/extensions/markdown/Table/index.js CHANGED Viewed

@@ -7,6 +7,7 @@ const TableSpecs_1 = require("./TableSpecs/index.js");
 const tableActions_1 = require("./actions/tableActions.js");
 const TableActions = tslib_1.__importStar(require("./actions/tableActions.js"));
 exports.TableActions = TableActions;
+const commands_1 = require("./commands.js");
 const TableHelpers = tslib_1.__importStar(require("./helpers.js"));
 exports.TableHelpers = TableHelpers;
 const TableCellContextPlugin_1 = require("./plugins/TableCellContextPlugin/index.js");
@@ -19,6 +20,8 @@ const Table = (builder) => {
     builder.addKeymap(() => ({
         Tab: (0, table_utils_1.goToNextCell)('next'),
         'Shift-Tab': (0, table_utils_1.goToNextCell)('prev'),
+        Enter: commands_1.moveToNextRowCommand,
+        'Shift-Enter': commands_1.moveToNextRowCommand,
     }));
     builder.addAction('createTable', tableActions_1.createTableAction);
     builder.addAction('deleteTable', () => tableActions_1.deleteTableAction);

package/build/cjs/extensions/markdown/Table/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/markdown/Table/index.ts"],"names":[],"mappings":";;;;AACA,+~~DAAkD~~;~~AAElD~~,sDAAwC;AACxC,4DAA4E;AAC5E,gFAAuD;~~AAIjC~~,oCAAY;~~AAHlC~~,mEAA0C;AAGlC,oCAAY;AAFpB,sFAAwE;AAGxE,oCAA2E;AAAnE,kGAAA,SAAS,OAAA;AAAE,mGAAA,UAAU,OAAA;AAAE,uGAAA,SAAS,OAAkB;AAEnD,MAAM,KAAK,GAAkB,CAAC,OAAO,EAAE,EAAE;IAC5C,OAAO,CAAC,GAAG,CAAC,uBAAU,CAAC,CAAC;IAExB,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,CAAC;QACrB,GAAG,EAAE,IAAA,0BAAY,EAAC,MAAM,CAAC;QACzB,WAAW,EAAE,IAAA,0BAAY,EAAC,MAAM,CAAC;~~KACpC~~,CAAC,CAAC,CAAC;IAEJ,OAAO,CAAC,SAAS,CAAC,aAAa,EAAE,gCAAiB,CAAC,CAAC;IACpD,OAAO,CAAC,SAAS,CAAC,aAAa,EAAE,GAAG,EAAE,CAAC,gCAAiB,CAAC,CAAC;IAC1D,OAAO,CAAC,SAAS,CAAC,+CAAsB,CAAC,CAAC;AAC9C,CAAC,CAAC;~~AAXW~~,QAAA,KAAK,~~SAWhB~~","sourcesContent":["import type {Action, ExtensionAuto} from '~~../../../~~core';\nimport {goToNextCell} from '~~../../../~~table-utils';\n\nimport {TableSpecs} from './TableSpecs';\nimport {createTableAction, deleteTableAction} from './actions/tableActions';\nimport * as TableActions from './actions/tableActions';\nimport * as TableHelpers from './helpers';\nimport {tableCellContextPlugin} from './plugins/TableCellContextPlugin';\n\nexport {TableHelpers, TableActions};\nexport {TableNode, TableAttrs, CellAlign as TableCellAlign} from './const';\n\nexport const Table: ExtensionAuto = (builder) => {\n builder.use(TableSpecs);\n\n builder.addKeymap(() => ({\n Tab: goToNextCell('next'),\n 'Shift-Tab': goToNextCell('prev'),\n }));\n\n builder.addAction('createTable', createTableAction);\n builder.addAction('deleteTable', () => deleteTableAction);\n builder.addPlugin(tableCellContextPlugin);\n};\n\ndeclare global {\n namespace WysiwygEditor {\n interface Actions {\n createTable: Action;\n deleteTable: Action;\n }\n }\n}\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/markdown/Table/index.ts"],"names":[],"mappings":";;;;AACA,+DAA6C;AAE7C,sDAAwC;AACxC,4DAA4E;AAC5E,gFAAuD;AAKjC,oCAAY;AAJlC,4CAAgD;AAChD,mEAA0C;AAGlC,oCAAY;AAFpB,sFAAwE;AAGxE,oCAA2E;AAAnE,kGAAA,SAAS,OAAA;AAAE,mGAAA,UAAU,OAAA;AAAE,uGAAA,SAAS,OAAkB;AAEnD,MAAM,KAAK,GAAkB,CAAC,OAAO,EAAE,EAAE;IAC5C,OAAO,CAAC,GAAG,CAAC,uBAAU,CAAC,CAAC;IAExB,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,CAAC;QACrB,GAAG,EAAE,IAAA,0BAAY,EAAC,MAAM,CAAC;QACzB,WAAW,EAAE,IAAA,0BAAY,EAAC,MAAM,CAAC;QACjC,KAAK,EAAE,+BAAoB;QAC3B,aAAa,EAAE,+BAAoB;KACtC,CAAC,CAAC,CAAC;IAEJ,OAAO,CAAC,SAAS,CAAC,aAAa,EAAE,gCAAiB,CAAC,CAAC;IACpD,OAAO,CAAC,SAAS,CAAC,aAAa,EAAE,GAAG,EAAE,CAAC,gCAAiB,CAAC,CAAC;IAC1D,OAAO,CAAC,SAAS,CAAC,+CAAsB,CAAC,CAAC;AAC9C,CAAC,CAAC;AAbW,QAAA,KAAK,SAahB","sourcesContent":["import type {Action, ExtensionAuto} from '#core';\nimport {goToNextCell} from 'src/table-utils';\n\nimport {TableSpecs} from './TableSpecs';\nimport {createTableAction, deleteTableAction} from './actions/tableActions';\nimport * as TableActions from './actions/tableActions';\nimport {moveToNextRowCommand} from './commands';\nimport * as TableHelpers from './helpers';\nimport {tableCellContextPlugin} from './plugins/TableCellContextPlugin';\n\nexport {TableHelpers, TableActions};\nexport {TableNode, TableAttrs, CellAlign as TableCellAlign} from './const';\n\nexport const Table: ExtensionAuto = (builder) => {\n builder.use(TableSpecs);\n\n builder.addKeymap(() => ({\n Tab: goToNextCell('next'),\n 'Shift-Tab': goToNextCell('prev'),\n Enter: moveToNextRowCommand,\n 'Shift-Enter': moveToNextRowCommand,\n }));\n\n builder.addAction('createTable', createTableAction);\n builder.addAction('deleteTable', () => deleteTableAction);\n builder.addPlugin(tableCellContextPlugin);\n};\n\ndeclare global {\n namespace WysiwygEditor {\n interface Actions {\n createTable: Action;\n deleteTable: Action;\n }\n }\n}\n"]}

package/build/cjs/extensions/yfm/ImgSize/ImagePaste/index.js CHANGED Viewed

@@ -46,13 +46,48 @@ const ImagePaste = (builder, opts) => {
                             return false;
                         }
                         e.preventDefault();
+                        const isSvg = (0, utils_2.checkSvg)(imageUrl);
+                        const trackingId = `img-${Math.random().toString(36).slice(2)}`;
                         const imageNode = (0, specs_1.imageType)(view.state.schema).create({
                             src: imageUrl,
                             alt: title,
+                            id: trackingId,
                         });
                         const tr = view.state.tr.replaceSelectionWith(imageNode);
                         view.dispatch(tr.scrollIntoView());
                         logger.event({ event: 'paste-url-as-image' });
+                        (0, utils_2.loadImageFromUrl)(imageUrl)
+                            .then((img) => opts?.enableNewImageSizeCalculation || isSvg
+                            ? (0, utils_2.getImageSizeNew)(img)
+                            : (0, utils_2.getImageSize)(img))
+                            .then((sizes) => {
+                            const currentState = view.state;
+                            const imageResult = (0, utils_2.findImageNode)(currentState.doc, trackingId);
+                            if (imageResult === null) {
+                                logger.error({
+                                    event: 'img-node-not-found',
+                                    trackingId,
+                                });
+                                return;
+                            }
+                            const { pos: targetPos } = imageResult;
+                            const updateTr = currentState.tr
+                                .setNodeAttribute(targetPos, specs_1.ImgSizeAttr.Height, sizes.height)
+                                .setNodeAttribute(targetPos, specs_1.ImgSizeAttr.Width, sizes.width)
+                                .setNodeAttribute(targetPos, 'id', null);
+                            view.dispatch(updateTr);
+                            logger.event({
+                                event: 'img-dimensions-updated',
+                                position: targetPos,
+                                sizes,
+                            });
+                        })
+                            .catch((error) => {
+                            logger.error({
+                                event: 'img-dimensions-load-failed',
+                                error: error.message,
+                            });
+                        });
                         return true;
                     }
                     return false;