@gravity-ui/markdown-editor 14.11.2 → 14.12.1

package/build/esm/extensions/yfm/YfmTabs/index.d.ts

@@ -1,7 +1,7 @@
 import '@diplodoc/tabs-extension/runtime';
-import type { Action, ExtensionAuto } from '../../../core';
+import type { Action, ExtensionAuto } from "../../../core/index.js";
 import '@diplodoc/tabs-extension/runtime/styles.css';
-export { TabsNode, tabType, tabsType, tabsListType, tabPanelType } from './YfmTabsSpecs';
+export { TabsNode, tabType, tabsType, tabsListType, tabPanelType } from "./YfmTabsSpecs/index.js";
 declare const actionName = "toYfmTabs";
 export declare const YfmTabs: ExtensionAuto;
 declare global {

package/build/esm/extensions/yfm/YfmTabs/index.js

@@ -1,11 +1,11 @@
 import '@diplodoc/tabs-extension/runtime';
 import { chainCommands } from 'prosemirror-commands';
-import { YfmTabsSpecs } from './YfmTabsSpecs';
-import { createYfmTabs } from './actions';
-import { dragAutoSwitch, joinBackwardToOpenTab, liftEmptyBlockFromTabPanel, removeTabWhenCursorAtTheStartOfTab, tabEnter, tabPanelArrowDown, } from './plugins';
-import { tabPanelView, tabView, vtabInputView, vtabView } from './views';
+import { YfmTabsSpecs } from "./YfmTabsSpecs/index.js";
+import { createYfmTabs } from "./actions.js";
+import { dragAutoSwitch, joinBackwardToOpenTab, liftEmptyBlockFromTabPanel, removeTabWhenCursorAtTheStartOfTab, tabEnter, tabPanelArrowDown, } from "./plugins.js";
+import { tabPanelView, tabView, vtabInputView, vtabView } from "./views.js";
 import '@diplodoc/tabs-extension/runtime/styles.css';
-export { TabsNode, tabType, tabsType, tabsListType, tabPanelType } from './YfmTabsSpecs';
+export { TabsNode, tabType, tabsType, tabsListType, tabPanelType } from "./YfmTabsSpecs/index.js";
 const actionName = 'toYfmTabs';
 export const YfmTabs = (builder) => {
     builder.use(YfmTabsSpecs, {
@@ -23,3 +23,4 @@ export const YfmTabs = (builder) => {
     builder.addAction(actionName, () => createYfmTabs);
     builder.addPlugin(dragAutoSwitch);
 };
+//# sourceMappingURL=index.js.map

package/build/esm/extensions/yfm/YfmTabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/yfm/YfmTabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,EAAC,aAAa,EAAC,MAAM,sBAAsB,CAAC;AAInD,OAAO,EAAC,YAAY,EAAC,gCAAuB;AAC5C,OAAO,EAAC,aAAa,EAAC,qBAAkB;AACxC,OAAO,EACH,cAAc,EACd,qBAAqB,EACrB,0BAA0B,EAC1B,kCAAkC,EAClC,QAAQ,EACR,iBAAiB,GACpB,qBAAkB;AACnB,OAAO,EAAC,YAAY,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAC,mBAAgB;AAEvE,OAAO,6CAA6C,CAAC;AAErD,OAAO,EAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAC,gCAAuB;AAEvF,MAAM,UAAU,GAAG,WAAW,CAAC;AAE/B,MAAM,CAAC,MAAM,OAAO,GAAkB,CAAC,OAAO,EAAE,EAAE;IAC9C,OAAO,CAAC,GAAG,CAAC,YAAY,EAAE;QACtB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO;QACtB,YAAY,EAAE,GAAG,EAAE,CAAC,YAAY;QAChC,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ;QACxB,aAAa,EAAE,GAAG,EAAE,CAAC,aAAa;KACrC,CAAC,CAAC;IAEH,OAAO,CAAC,SAAS,CACb,GAAG,EAAE,CAAC,CAAC;QACH,SAAS,EAAE,aAAa,CAAC,kCAAkC,EAAE,qBAAqB,CAAC;QACnF,SAAS,EAAE,iBAAiB;QAC5B,KAAK,EAAE,aAAa,CAAC,QAAQ,EAAE,0BAA0B,CAAC;QAC1D,aAAa,EAAE,QAAQ;KAC1B,CAAC,EACF,OAAO,CAAC,QAAQ,CAAC,IAAI,CACxB,CAAC;IAEF,OAAO,CAAC,SAAS,CAAC,UAAU,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC;IAEnD,OAAO,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;AACtC,CAAC,CAAC","sourcesContent":["import '@diplodoc/tabs-extension/runtime';\nimport {chainCommands} from 'prosemirror-commands';\n\nimport type {Action, ExtensionAuto} from '../../../core';\n\nimport {YfmTabsSpecs} from './YfmTabsSpecs';\nimport {createYfmTabs} from './actions';\nimport {\n    dragAutoSwitch,\n    joinBackwardToOpenTab,\n    liftEmptyBlockFromTabPanel,\n    removeTabWhenCursorAtTheStartOfTab,\n    tabEnter,\n    tabPanelArrowDown,\n} from './plugins';\nimport {tabPanelView, tabView, vtabInputView, vtabView} from './views';\n\nimport '@diplodoc/tabs-extension/runtime/styles.css';\n\nexport {TabsNode, tabType, tabsType, tabsListType, tabPanelType} from './YfmTabsSpecs';\n\nconst actionName = 'toYfmTabs';\n\nexport const YfmTabs: ExtensionAuto = (builder) => {\n    builder.use(YfmTabsSpecs, {\n        tabView: () => tabView,\n        tabPanelView: () => tabPanelView,\n        vtabView: () => vtabView,\n        vtabInputView: () => vtabInputView,\n    });\n\n    builder.addKeymap(\n        () => ({\n            Backspace: chainCommands(removeTabWhenCursorAtTheStartOfTab, joinBackwardToOpenTab),\n            ArrowDown: tabPanelArrowDown,\n            Enter: chainCommands(tabEnter, liftEmptyBlockFromTabPanel),\n            'Shift-Enter': tabEnter,\n        }),\n        builder.Priority.High,\n    );\n\n    builder.addAction(actionName, () => createYfmTabs);\n\n    builder.addPlugin(dragAutoSwitch);\n};\n\ndeclare global {\n    namespace WysiwygEditor {\n        interface Actions {\n            [actionName]: Action;\n        }\n    }\n}\n"]}

package/build/esm/extensions/yfm/YfmTabs/plugins.js

@@ -1,22 +1,29 @@
-var _a;
 import { generateID } from '@diplodoc/transform/lib/plugins/utils';
 import { Plugin, TextSelection } from 'prosemirror-state';
-import { findChildren, findDomRefAtPos, findParentNodeOfType, findParentNodeOfTypeClosestToPos, } from 'prosemirror-utils';
-import { createFakeParagraph, findFakeParaPosClosestToPos, findFakeParaPosForTextSelection, isGapCursorSelection, pType, } from '../../';
-import { throttle } from '../../../lodash';
-import { findChildIndex } from '../../../table-utils/helpers';
-import { isSameNodeType } from '../../../utils';
-import { get$Cursor, isTextSelection } from '../../../utils/selection';
-import { TabAttrs, TabPanelAttrs } from './YfmTabsSpecs/const';
-import { tabInactiveClassname, tabPanelActiveClassname, tabPanelInactiveClassname, tabPanelType, tabType, tabsListType, tabsType, } from './const';
-import { atEndOfPanel, execAfterPaint, switchTabByElem, switchTabById } from './utils';
+import { findChildren, findDomRefAtPos, findParentNodeOfType, findParentNodeOfTypeClosestToPos,
+// @ts-ignore // TODO: fix cjs build
+ } from 'prosemirror-utils';
+import { createFakeParagraph, findFakeParaPosClosestToPos, findFakeParaPosForTextSelection, isGapCursorSelection, pType, } from "../../index.js";
+import { throttle } from "../../../lodash.js";
+import { findChildIndex } from "../../../table-utils/helpers.js";
+import { isSameNodeType } from "../../../utils/index.js";
+import { get$Cursor, isTextSelection } from "../../../utils/selection.js";
+import { TabAttrs, TabPanelAttrs } from "./YfmTabsSpecs/const.js";
+import { tabInactiveClassname, tabPanelActiveClassname, tabPanelInactiveClassname, tabPanelType, tabType, tabsListType, tabsType, } from "./const.js";
+import { atEndOfPanel, execAfterPaint, switchTabByElem, switchTabById } from "./utils.js";
 export const dragAutoSwitch = () => new Plugin({
     view: TabsAutoSwitchOnDragOver.view,
 });
 class TabsAutoSwitchOnDragOver {
+    static TAB_SELECTOR = '.yfm-tab:not([data-diplodoc-is-active=true])';
+    static OPEN_TIMEOUT = 500; //ms
+    static THROTTLE_WAIT = 50; //ms
+    static view = (view) => new this(view);
+    _tabElem = null;
+    _editorView;
+    _timeout = null;
+    _docListener;
     constructor(view) {
-        this._tabElem = null;
-        this._timeout = null;
         this._editorView = view;
         this._docListener = throttle(this._onDocEvent.bind(this), TabsAutoSwitchOnDragOver.THROTTLE_WAIT);
         document.addEventListener('mousemove', this._docListener);
@@ -60,27 +67,22 @@ class TabsAutoSwitchOnDragOver {
         this._clear();
     }
 }
-_a = TabsAutoSwitchOnDragOver;
-TabsAutoSwitchOnDragOver.TAB_SELECTOR = '.yfm-tab:not([data-diplodoc-is-active=true])';
-TabsAutoSwitchOnDragOver.OPEN_TIMEOUT = 500; //ms
-TabsAutoSwitchOnDragOver.THROTTLE_WAIT = 50; //ms
-TabsAutoSwitchOnDragOver.view = (view) => new _a(view);
 export const tabPanelArrowDown = (state, dispatch, view) => {
-    var _b;
     const { selection: sel } = state;
     const tabsParentNode = findParentNodeOfType(tabsType(state.schema))(state.selection);
-    if (atEndOfPanel(view) && (view === null || view === void 0 ? void 0 : view.endOfTextblock('down'))) {
+    if (atEndOfPanel(view) && view?.endOfTextblock('down')) {
         const [direction, $cursor] = ['after', sel.$to];
         let $pos;
         if (isTextSelection(sel)) {
             $pos =
-                (_b = findFakeParaPosForTextSelection(sel, direction)) !== null && _b !== void 0 ? _b : findFakeParaPosClosestToPos($cursor, $cursor.depth - 2, direction);
+                findFakeParaPosForTextSelection(sel, direction) ??
+                    findFakeParaPosClosestToPos($cursor, $cursor.depth - 2, direction);
         }
         if (isGapCursorSelection(sel) && tabsParentNode) {
             $pos = state.doc.resolve(tabsParentNode.pos + tabsParentNode.node.nodeSize);
         }
         if ($pos) {
-            dispatch === null || dispatch === void 0 ? void 0 : dispatch(createFakeParagraph(state.tr, $pos, direction).scrollIntoView());
+            dispatch?.(createFakeParagraph(state.tr, $pos, direction).scrollIntoView());
             return true;
         }
     }
@@ -88,7 +90,7 @@ export const tabPanelArrowDown = (state, dispatch, view) => {
 };
 export const tabEnter = (state) => {
     const $cursor = get$Cursor(state.selection);
-    return ($cursor === null || $cursor === void 0 ? void 0 : $cursor.node($cursor.depth).type) === tabType(state.schema);
+    return $cursor?.node($cursor.depth).type === tabType(state.schema);
 };
 export const liftEmptyBlockFromTabPanel = (state, dispatch) => {
     const { selection, schema } = state;
@@ -148,11 +150,11 @@ export const createTab = (afterTab, tabsParentNode) => (state, dispatch, view) =
     tabPanels.forEach((v) => {
         v.pos = v.pos + tabsParentNode.pos + 1;
     });
-    dispatch === null || dispatch === void 0 ? void 0 : dispatch(tr
+    dispatch?.(tr
         .insert(afterPanelNode.pos + afterPanelNode.node.nodeSize, newPanel)
         .insert(afterTab.pos + afterTab.node.nodeSize, newTab)
         .setSelection(TextSelection.create(tr.doc, afterTab.pos + afterTab.node.nodeSize + 1)));
-    view === null || view === void 0 ? void 0 : view.focus();
+    view?.focus();
     if (view) {
         execAfterPaint(() => switchTabById(view.dom, tabId));
     }
@@ -196,7 +198,7 @@ export const removeTab = (tabToRemove, tabsParentNode) => (state, dispatch, view
                 execAfterPaint(() => switchTabById(view.dom, newActiveTabId));
         }
         dispatch(tr);
-        view === null || view === void 0 ? void 0 : view.focus();
+        view?.focus();
         return true;
     }
     return false;
@@ -239,3 +241,4 @@ export const joinBackwardToOpenTab = (state, dispatch) => {
     }
     return true;
 };
+//# sourceMappingURL=plugins.js.map

package/build/esm/extensions/yfm/YfmTabs/plugins.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugins.js","sourceRoot":"../../../../../src","sources":["extensions/yfm/YfmTabs/plugins.ts"],"names":[],"mappings":"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","sourcesContent":["import {generateID} from '@diplodoc/transform/lib/plugins/utils';\nimport type {Node} from 'prosemirror-model';\nimport {type Command, Plugin, type PluginView, TextSelection} from 'prosemirror-state';\nimport {\n    type NodeWithPos,\n    findChildren,\n    findDomRefAtPos,\n    findParentNodeOfType,\n    findParentNodeOfTypeClosestToPos,\n    // @ts-ignore // TODO: fix cjs build\n} from 'prosemirror-utils';\nimport type {EditorView} from 'prosemirror-view';\n\nimport {\n    createFakeParagraph,\n    findFakeParaPosClosestToPos,\n    findFakeParaPosForTextSelection,\n    isGapCursorSelection,\n    pType,\n} from '../../';\nimport {throttle} from '../../../lodash';\nimport {findChildIndex} from '../../../table-utils/helpers';\nimport {isSameNodeType} from '../../../utils';\nimport {get$Cursor, isTextSelection} from '../../../utils/selection';\n\nimport {TabAttrs, TabPanelAttrs} from './YfmTabsSpecs/const';\nimport {\n    tabInactiveClassname,\n    tabPanelActiveClassname,\n    tabPanelInactiveClassname,\n    tabPanelType,\n    tabType,\n    tabsListType,\n    tabsType,\n} from './const';\nimport {atEndOfPanel, execAfterPaint, switchTabByElem, switchTabById} from './utils';\n\nexport const dragAutoSwitch = () =>\n    new Plugin({\n        view: TabsAutoSwitchOnDragOver.view,\n    });\n\nclass TabsAutoSwitchOnDragOver implements PluginView {\n    private static readonly TAB_SELECTOR = '.yfm-tab:not([data-diplodoc-is-active=true])';\n    private static readonly OPEN_TIMEOUT = 500; //ms\n    private static readonly THROTTLE_WAIT = 50; //ms\n\n    static readonly view = (view: EditorView): PluginView => new this(view);\n\n    private _tabElem: HTMLElement | null = null;\n    private _editorView: EditorView;\n    private _timeout: ReturnType<typeof setTimeout> | null = null;\n    private readonly _docListener;\n\n    constructor(view: EditorView) {\n        this._editorView = view;\n        this._docListener = throttle(\n            this._onDocEvent.bind(this),\n            TabsAutoSwitchOnDragOver.THROTTLE_WAIT,\n        );\n        document.addEventListener('mousemove', this._docListener);\n        document.addEventListener('dragover', this._docListener);\n    }\n\n    destroy(): void {\n        this._clear();\n        this._docListener.cancel();\n        document.removeEventListener('mousemove', this._docListener);\n        document.removeEventListener('dragover', this._docListener);\n    }\n\n    private _onDocEvent(event: MouseEvent) {\n        const view = this._editorView;\n        if (!view.dragging) return;\n        const pos = view.posAtCoords({left: event.clientX, top: event.clientY});\n        if (pos) {\n            const elem = findDomRefAtPos(pos.pos, view.domAtPos.bind(view)) as HTMLElement;\n            const tabElem = elem.closest(TabsAutoSwitchOnDragOver.TAB_SELECTOR);\n            if (tabElem === this._tabElem) return;\n            this._clear();\n            if (tabElem) this._setTabElem(tabElem as HTMLElement);\n        }\n    }\n\n    private _clear() {\n        if (this._timeout !== null) clearTimeout(this._timeout);\n        this._timeout = null;\n        this._tabElem = null;\n    }\n\n    private _setTabElem(elem: HTMLElement) {\n        this._tabElem = elem;\n        this._timeout = setTimeout(\n            this._switchTab.bind(this),\n            TabsAutoSwitchOnDragOver.OPEN_TIMEOUT,\n        );\n    }\n\n    private _switchTab() {\n        if (this._editorView.dragging && this._tabElem) {\n            switchTabByElem(this._tabElem);\n        }\n        this._clear();\n    }\n}\n\nexport const tabPanelArrowDown: Command = (state, dispatch, view) => {\n    const {selection: sel} = state;\n    const tabsParentNode = findParentNodeOfType(tabsType(state.schema))(state.selection);\n\n    if (atEndOfPanel(view) && view?.endOfTextblock('down')) {\n        const [direction, $cursor] = ['after', sel.$to] as const;\n        let $pos;\n        if (isTextSelection(sel)) {\n            $pos =\n                findFakeParaPosForTextSelection(sel, direction) ??\n                findFakeParaPosClosestToPos($cursor, $cursor.depth - 2, direction);\n        }\n        if (isGapCursorSelection(sel) && tabsParentNode) {\n            $pos = state.doc.resolve(tabsParentNode.pos + tabsParentNode.node.nodeSize);\n        }\n        if ($pos) {\n            dispatch?.(createFakeParagraph(state.tr, $pos, direction).scrollIntoView());\n            return true;\n        }\n    }\n\n    return false;\n};\n\nexport const tabEnter: Command = (state) => {\n    const $cursor = get$Cursor(state.selection);\n    return $cursor?.node($cursor.depth).type === tabType(state.schema);\n};\n\nexport const liftEmptyBlockFromTabPanel: Command = (state, dispatch) => {\n    const {selection, schema} = state;\n    if (!isTextSelection(selection)) return false;\n\n    const {$cursor} = selection;\n\n    // cursor should be inside an empty textblock\n    if (!$cursor || $cursor.parent.content.size) return false;\n\n    if (\n        $cursor.depth > 2 && // depth must be at least 3\n        isSameNodeType($cursor.node(-1), tabPanelType(schema)) &&\n        isSameNodeType($cursor.node(-2), tabsType(schema))\n    ) {\n        // current texblock is last child\n        if ($cursor.after() === $cursor.end(-1)) {\n            if (dispatch) {\n                const copeidNode = $cursor.parent.copy();\n                const tabsAfter = $cursor.after(-2);\n\n                const {tr} = state;\n\n                tr.insert(tabsAfter, copeidNode)\n                    .delete($cursor.before(), $cursor.after())\n                    .setSelection(TextSelection.create(tr.doc, tr.mapping.map(tabsAfter)));\n\n                dispatch(tr.scrollIntoView());\n            }\n            return true;\n        }\n    }\n    return false;\n};\n\nexport const createTab: (afterTab: NodeWithPos, tabsParentNode: NodeWithPos) => Command =\n    (afterTab, tabsParentNode) => (state, dispatch, view) => {\n        const tabNodes = findChildren(\n            tabsParentNode.node,\n            (node: Node) => node.type.name === tabType(state.schema).name,\n        );\n\n        const tabPanels = findChildren(tabsParentNode.node, (tabNode: Node) => {\n            return tabNode.type.name === tabPanelType(state.schema).name;\n        });\n\n        const afterPanelNode = tabPanels.filter(\n            (tabPanelNode: {node: Node}) =>\n                tabPanelNode.node.attrs[TabPanelAttrs.ariaLabelledby] ===\n                afterTab.node.attrs[TabAttrs.dataDiplodocid],\n        )[0];\n\n        const tabId = generateID();\n        const panelId = generateID();\n\n        const newPanel = tabPanelType(state.schema).create(\n            {\n                [TabPanelAttrs.ariaLabelledby]: tabId,\n                [TabPanelAttrs.id]: panelId,\n                [TabPanelAttrs.class]: tabPanelInactiveClassname,\n            },\n            pType(state.schema).createAndFill(),\n        );\n        const newTab = tabType(state.schema).create({\n            [TabAttrs.id]: tabId,\n            [TabAttrs.dataDiplodocid]: tabId,\n            [TabAttrs.dataDiplodocKey]: tabId,\n            [TabAttrs.dataDiplodocIsActive]: 'false',\n            [TabAttrs.class]: tabInactiveClassname,\n            [TabAttrs.role]: 'tab',\n            [TabAttrs.ariaControls]: panelId,\n        });\n\n        const {tr} = state;\n\n        // Change relative pos to absolute\n        tabNodes.forEach((v: {pos: number}) => {\n            v.pos = v.pos + tabsParentNode.pos + 1;\n        });\n\n        tabPanels.forEach((v: {pos: number}) => {\n            v.pos = v.pos + tabsParentNode.pos + 1;\n        });\n\n        dispatch?.(\n            tr\n                .insert(afterPanelNode.pos + afterPanelNode.node.nodeSize, newPanel)\n                .insert(afterTab.pos + afterTab.node.nodeSize, newTab)\n                .setSelection(\n                    TextSelection.create(tr.doc, afterTab.pos + afterTab.node.nodeSize + 1),\n                ),\n        );\n\n        view?.focus();\n\n        if (view) {\n            execAfterPaint(() => switchTabById(view.dom, tabId));\n        }\n\n        return true;\n    };\n\nexport const removeTab: (tabToRemove: NodeWithPos, tabsParentNode: NodeWithPos) => Command =\n    (tabToRemove, tabsParentNode) => (state, dispatch, view) => {\n        const tabList = findChildren(tabsParentNode.node, (tabNode: Node) => {\n            return tabNode.type.name === tabsListType(state.schema).name;\n        })[0];\n        const tabToRemoveIdx = findChildIndex(tabList.node, tabToRemove.node);\n\n        const tabNodes = findChildren(\n            tabList.node,\n            (node: Node) => node.type.name === tabType(state.schema).name,\n        );\n\n        const tabPanels = findChildren(tabsParentNode.node, (tabNode: Node) => {\n            return tabNode.type.name === tabPanelType(state.schema).name;\n        });\n\n        const panelToRemove = tabPanels.filter(\n            (tabPanelNode: {node: Node}) =>\n                tabPanelNode.node.attrs[TabPanelAttrs.ariaLabelledby] ===\n                tabToRemove.node.attrs[TabAttrs.dataDiplodocid],\n        )[0];\n\n        if (panelToRemove && dispatch) {\n            const {tr} = state;\n\n            if (tabNodes.length <= 1) {\n                tr.delete(tabsParentNode.pos, tabsParentNode.pos + tabsParentNode.node.nodeSize);\n            } else {\n                const newTabIdx = tabToRemoveIdx - 1 < 0 ? 1 : tabToRemoveIdx - 1;\n\n                // Change relative pos to absolute\n                tabNodes.forEach((v: {pos: number}) => {\n                    v.pos = v.pos + tabsParentNode.pos + 2;\n                });\n\n                tabPanels.forEach((v: {pos: number}) => {\n                    v.pos = v.pos + tabsParentNode.pos + 1;\n                });\n\n                const newTabNode = tabNodes[newTabIdx];\n                const newActiveTabId: string = newTabNode.node.attrs[TabAttrs.dataDiplodocid];\n\n                tr\n                    // Delete panel\n                    .delete(panelToRemove.pos, panelToRemove.pos + panelToRemove.node.nodeSize)\n                    // Delete tab\n                    .delete(tabToRemove.pos, tabToRemove.pos + tabToRemove.node.nodeSize)\n                    .setSelection(\n                        TextSelection.create(\n                            tr.doc,\n                            tr.mapping.map(newTabNode.pos + newTabNode.node.nodeSize - 1),\n                        ),\n                    );\n\n                // Set new active tab\n                if (view) execAfterPaint(() => switchTabById(view.dom, newActiveTabId));\n            }\n            dispatch(tr);\n            view?.focus();\n\n            return true;\n        }\n\n        return false;\n    };\n\nexport const removeTabWhenCursorAtTheStartOfTab: Command = (state, dispatch) => {\n    const tabToRemove = findParentNodeOfType(tabType(state.schema))(state.selection);\n    const tabsParentNode = findParentNodeOfType(tabsType(state.schema))(state.selection);\n\n    if (\n        tabsParentNode &&\n        tabToRemove &&\n        state.selection.from === tabToRemove.pos + 1 &&\n        state.selection.from === state.selection.to\n    ) {\n        return removeTab(tabToRemove, tabsParentNode)(state, dispatch);\n    }\n\n    return false;\n};\n\nexport const joinBackwardToOpenTab: Command = (state, dispatch) => {\n    const $cursor = get$Cursor(state.selection);\n    if (!$cursor || $cursor.parentOffset !== 0) return false;\n    // --> cursor at start of textblock\n    const textBlockIndex = $cursor.index($cursor.depth - 1);\n    if (textBlockIndex <= 0) return false;\n    const nodeBefore = $cursor.node($cursor.depth - 1).child(textBlockIndex - 1);\n\n    if (nodeBefore.type !== tabsType(state.schema)) {\n        return false;\n    }\n\n    const tabsParent = findParentNodeOfTypeClosestToPos(\n        state.doc.resolve($cursor.pos - 2),\n        tabsType(state.schema),\n    );\n\n    if (!tabsParent) {\n        return false;\n    }\n    const activePanel = findChildren(\n        tabsParent.node,\n        (n: Node) => n.attrs.class === tabPanelActiveClassname,\n    )[0];\n\n    if (dispatch) {\n        const posEndOfLastLayoutCell = activePanel.pos + tabsParent.pos + activePanel.node.nodeSize;\n        const tr = state.tr;\n        tr.delete($cursor.before(), $cursor.after());\n        tr.insert(posEndOfLastLayoutCell, $cursor.parent);\n        tr.setSelection(TextSelection.create(tr.doc, posEndOfLastLayoutCell + 1));\n        dispatch(tr.scrollIntoView());\n    }\n\n    return true;\n};\n"]}

package/build/esm/extensions/yfm/YfmTabs/utils.js

@@ -1,4 +1,4 @@
-import { DIPLODOC_ID_ATTR, YFM_TAB_CLASSNAME, tabPanelType } from './const';
+import { DIPLODOC_ID_ATTR, YFM_TAB_CLASSNAME, tabPanelType } from "./const.js";
 export const execAfterPaint = (fn) => {
     requestAnimationFrame(() => {
         requestAnimationFrame(fn);
@@ -14,7 +14,7 @@ export const atEndOfPanel = (view) => {
             return false;
         if (parent.type === tabPanelType(view.state.schema)) {
             const panelPos = $head.before(d);
-            return (view === null || view === void 0 ? void 0 : view.endOfTextblock('down')) ? panelPos : null;
+            return view?.endOfTextblock('down') ? panelPos : null;
         }
     }
     return null;
@@ -31,3 +31,4 @@ export const switchTabById = (container, tabId) => {
         switchTabByElem(tabElem);
     }
 };
+//# sourceMappingURL=utils.js.map

package/build/esm/extensions/yfm/YfmTabs/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../../../src","sources":["extensions/yfm/YfmTabs/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,gBAAgB,EAAE,iBAAiB,EAAE,YAAY,EAAC,mBAAgB;AAE1E,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAc,EAAE,EAAE;IAC7C,qBAAqB,CAAC,GAAG,EAAE;QACvB,qBAAqB,CAAC,EAAE,CAAC,CAAC;IAC9B,CAAC,CAAC,CAAC;AACP,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAiB,EAAE,EAAE;IAC9C,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IACvB,MAAM,EAAC,KAAK,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;IACrC,KAAK,IAAI,CAAC,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;QACpC,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EACxB,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;QAChC,IAAI,KAAK,KAAK,MAAM,CAAC,UAAU;YAAE,OAAO,KAAK,CAAC;QAC9C,IAAI,MAAM,CAAC,IAAI,KAAK,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;YAClD,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YACjC,OAAO,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;QAC1D,CAAC;IACL,CAAC;IAED,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,OAAoB,EAAE,EAAE;IACpD,IAAI,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC;QAChD,OAAO,CAAC,KAAK,EAAE,CAAC;IACpB,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,SAAsB,EAAE,KAAa,EAAE,EAAE;IACnE,MAAM,QAAQ,GAAG,IAAI,iBAAiB,IAAI,gBAAgB,KAAK,KAAK,IAAI,CAAC;IACzE,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CAAiB,QAAQ,CAAC,CAAC;IAClE,IAAI,OAAO,EAAE,CAAC;QACV,eAAe,CAAC,OAAO,CAAC,CAAC;IAC7B,CAAC;AACL,CAAC,CAAC","sourcesContent":["import type {EditorView} from 'prosemirror-view';\n\nimport {DIPLODOC_ID_ATTR, YFM_TAB_CLASSNAME, tabPanelType} from './const';\n\nexport const execAfterPaint = (fn: () => void) => {\n    requestAnimationFrame(() => {\n        requestAnimationFrame(fn);\n    });\n};\n\nexport const atEndOfPanel = (view?: EditorView) => {\n    if (!view) return null;\n    const {$head} = view.state.selection;\n    for (let d = $head.depth; d >= 0; d--) {\n        const parent = $head.node(d),\n            index = $head.indexAfter(d);\n        if (index !== parent.childCount) return false;\n        if (parent.type === tabPanelType(view.state.schema)) {\n            const panelPos = $head.before(d);\n            return view?.endOfTextblock('down') ? panelPos : null;\n        }\n    }\n\n    return null;\n};\n\nexport const switchTabByElem = (tabElem: HTMLElement) => {\n    if (tabElem.classList.contains(YFM_TAB_CLASSNAME)) {\n        tabElem.click();\n    }\n};\n\nexport const switchTabById = (container: HTMLElement, tabId: string) => {\n    const selector = `.${YFM_TAB_CLASSNAME}[${DIPLODOC_ID_ATTR}=\"${tabId}\"]`;\n    const tabElem = container.querySelector<HTMLDivElement>(selector);\n    if (tabElem) {\n        switchTabByElem(tabElem);\n    }\n};\n"]}

package/build/esm/extensions/yfm/YfmTabs/views.d.ts

@@ -1,5 +1,5 @@
 import { type NodeViewConstructor } from 'prosemirror-view';
-import './index.css';
+import "./index.css";
 export declare const tabView: NodeViewConstructor;
 export declare const tabPanelView: NodeViewConstructor;
 export declare const vtabView: NodeViewConstructor;

package/build/esm/extensions/yfm/YfmTabs/views.js

@@ -1,11 +1,12 @@
 import { TextSelection } from 'prosemirror-state';
+// @ts-ignore // TODO: fix cjs build
 import { findParentNodeOfTypeClosestToPos } from 'prosemirror-utils';
-import { cn } from '../../../classname';
-import { tabType, tabsType } from './const';
-import { crossSvg, plusSvg } from './icons';
-import { createTab, removeTab } from './plugins';
-import { execAfterPaint } from './utils';
-import './index.css';
+import { cn } from "../../../classname.js";
+import { tabType, tabsType } from "./const.js";
+import { crossSvg, plusSvg } from "./icons.js";
+import { createTab, removeTab } from "./plugins.js";
+import { execAfterPaint } from "./utils.js";
+import "./index.css";
 const cnYfmTab = cn('yfm-tab');
 const ignoreMutation = (_node, _view, _getPos) => (mutation) => {
     if (mutation instanceof MutationRecord &&
@@ -104,3 +105,4 @@ export const vtabInputView = (node, view, getPos) => ({
     // FIXME: ignore mutation and don't rerender node when yfm.js switch tab
     ignoreMutation: ignoreMutation(node, view, getPos),
 });
+//# sourceMappingURL=views.js.map

package/build/esm/extensions/yfm/YfmTabs/views.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"views.js","sourceRoot":"../../../../../src","sources":["extensions/yfm/YfmTabs/views.ts"],"names":[],"mappings":"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","sourcesContent":["import type {Node} from 'prosemirror-model';\nimport {type EditorState, TextSelection} from 'prosemirror-state';\n// @ts-ignore // TODO: fix cjs build\nimport {findParentNodeOfTypeClosestToPos} from 'prosemirror-utils';\nimport {EditorView, type NodeViewConstructor, ViewMutationRecord} from 'prosemirror-view';\n\nimport {cn} from '../../../classname';\n\nimport {tabType, tabsType} from './const';\nimport {crossSvg, plusSvg} from './icons';\nimport {createTab, removeTab} from './plugins';\nimport {execAfterPaint} from './utils';\n\nimport './index.scss';\n\nconst cnYfmTab = cn('yfm-tab');\n\nconst ignoreMutation =\n    (_node: Node, _view: EditorView, _getPos: () => number | undefined) =>\n    (mutation: ViewMutationRecord) => {\n        if (\n            mutation instanceof MutationRecord &&\n            mutation.type === 'attributes' &&\n            mutation.attributeName\n        ) {\n            return true;\n        }\n\n        return false;\n    };\n\nconst getTabNodes = (state: EditorState, getPos: () => number | undefined) => {\n    const currentTab = findParentNodeOfTypeClosestToPos(\n        state.tr.doc.resolve(getPos()! + 1),\n        tabType(state.schema),\n    );\n    const tabsParentNode = findParentNodeOfTypeClosestToPos(\n        state.tr.doc.resolve(getPos()!),\n        tabsType(state.schema),\n    );\n\n    return {currentTab, tabsParentNode};\n};\n\nexport const tabView: NodeViewConstructor = (node, view, getPos) => {\n    const tabElem = document.createElement('div');\n    const wrapperElem = document.createElement('div');\n    wrapperElem.setAttribute('class', cnYfmTab('wrapper'));\n\n    const viewElem = document.createElement('div');\n    viewElem.setAttribute('class', cnYfmTab('view'));\n\n    wrapperElem.addEventListener('click', () => {\n        // Click on parent node to trigger event listener that selects current tab\n        tabElem.click();\n\n        {\n            /**\n             * Hack for empty tabs\n             *\n             * Problem: when clicking on an empty tab (without text content) it focuses, and selection doesn't move to beginning of tab\n             *\n             * Temporary fix: manually return focus to pm-view, move text selection to beginning of tab\n             */\n\n            view.focus();\n\n            // tab is empty\n            if (node.nodeSize < 3) {\n                execAfterPaint(() => {\n                    const pos = getPos();\n                    if (pos !== undefined) {\n                        const {tr} = view.state;\n                        view.dispatch(\n                            tr.setSelection(TextSelection.create(tr.doc, pos + 1)).scrollIntoView(),\n                        );\n                    }\n                });\n            }\n        }\n    });\n\n    const removeTabButton = document.createElement('div');\n    removeTabButton.setAttribute('class', cnYfmTab('remove-button'));\n    removeTabButton.innerHTML = crossSvg;\n    removeTabButton.contentEditable = 'false';\n    removeTabButton.addEventListener('click', () => {\n        const {state, dispatch} = view;\n        const {currentTab, tabsParentNode} = getTabNodes(state, getPos);\n\n        if (currentTab && tabsParentNode)\n            removeTab(currentTab, tabsParentNode)(state, dispatch, view);\n    });\n\n    const createTabButton = document.createElement('div');\n    createTabButton.setAttribute('class', cnYfmTab('create-button'));\n    createTabButton.innerHTML = plusSvg;\n    createTabButton.contentEditable = 'false';\n    createTabButton.addEventListener('click', () => {\n        const {state, dispatch} = view;\n        const {currentTab, tabsParentNode} = getTabNodes(state, getPos);\n\n        if (currentTab && tabsParentNode)\n            createTab(currentTab, tabsParentNode)(state, dispatch, view);\n    });\n\n    for (const attr in node.attrs) {\n        if (Object.prototype.hasOwnProperty.call(node.attrs, attr)) {\n            tabElem.setAttribute(attr, node.attrs[attr]);\n        }\n    }\n\n    wrapperElem.appendChild(viewElem);\n    wrapperElem.appendChild(removeTabButton);\n\n    tabElem.appendChild(wrapperElem);\n    tabElem.appendChild(createTabButton);\n\n    return {\n        dom: tabElem,\n        contentDOM: viewElem,\n        destroy() {\n            tabElem.remove();\n        },\n        // FIX: ignore mutation and don't rerender node when yfm.js switch tab\n        ignoreMutation: ignoreMutation(node, view, getPos),\n    };\n};\n\n// @ts-expect-error\nexport const tabPanelView: NodeViewConstructor = (node, view, getPos) => ({\n    // FIXME: ignore mutation and don't rerender node when yfm.js switch tab\n    ignoreMutation: ignoreMutation(node, view, getPos),\n});\n\n// @ts-expect-error\nexport const vtabView: NodeViewConstructor = (node, view, getPos) => ({\n    // FIXME: ignore mutation and don't rerender node when yfm.js switch tab\n    ignoreMutation: ignoreMutation(node, view, getPos),\n});\n\n// @ts-expect-error\nexport const vtabInputView: NodeViewConstructor = (node, view, getPos) => ({\n    // FIXME: ignore mutation and don't rerender node when yfm.js switch tab\n    ignoreMutation: ignoreMutation(node, view, getPos),\n});\n"]}

package/build/esm/extensions/yfm/index.d.ts

@@ -1,14 +1,14 @@
-export * from './Checkbox';
-export * from './Color';
-export * from './Emoji';
-export * from './ImgSize';
-export * from './Monospace';
-export * from './Video';
-export * from './YfmConfigs';
-export * from './YfmCut';
-export * from './YfmFile';
-export * from './YfmHeading';
-export * from './YfmNote';
-export * from './YfmTable';
-export * from './YfmTabs';
-export * from '../additional/GPT';
+export * from "./Checkbox/index.js";
+export * from "./Color/index.js";
+export * from "./Emoji/index.js";
+export * from "./ImgSize/index.js";
+export * from "./Monospace/index.js";
+export * from "./Video/index.js";
+export * from "./YfmConfigs/index.js";
+export * from "./YfmCut/index.js";
+export * from "./YfmFile/index.js";
+export * from "./YfmHeading/index.js";
+export * from "./YfmNote/index.js";
+export * from "./YfmTable/index.js";
+export * from "./YfmTabs/index.js";
+export * from "../additional/GPT/index.js";

package/build/esm/extensions/yfm/index.js

@@ -1,14 +1,15 @@
-export * from './Checkbox';
-export * from './Color';
-export * from './Emoji';
-export * from './ImgSize';
-export * from './Monospace';
-export * from './Video';
-export * from './YfmConfigs';
-export * from './YfmCut';
-export * from './YfmFile';
-export * from './YfmHeading';
-export * from './YfmNote';
-export * from './YfmTable';
-export * from './YfmTabs';
-export * from '../additional/GPT';
+export * from "./Checkbox/index.js";
+export * from "./Color/index.js";
+export * from "./Emoji/index.js";
+export * from "./ImgSize/index.js";
+export * from "./Monospace/index.js";
+export * from "./Video/index.js";
+export * from "./YfmConfigs/index.js";
+export * from "./YfmCut/index.js";
+export * from "./YfmFile/index.js";
+export * from "./YfmHeading/index.js";
+export * from "./YfmNote/index.js";
+export * from "./YfmTable/index.js";
+export * from "./YfmTabs/index.js";
+export * from "../additional/GPT/index.js";
+//# sourceMappingURL=index.js.map

package/build/esm/extensions/yfm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["extensions/yfm/index.ts"],"names":[],"mappings":"AAAA,oCAA2B;AAC3B,iCAAwB;AACxB,iCAAwB;AACxB,mCAA0B;AAC1B,qCAA4B;AAC5B,iCAAwB;AACxB,sCAA6B;AAC7B,kCAAyB;AACzB,mCAA0B;AAC1B,sCAA6B;AAC7B,mCAA0B;AAC1B,oCAA2B;AAC3B,mCAA0B;AAC1B,2CAAkC","sourcesContent":["export * from './Checkbox';\nexport * from './Color';\nexport * from './Emoji';\nexport * from './ImgSize';\nexport * from './Monospace';\nexport * from './Video';\nexport * from './YfmConfigs';\nexport * from './YfmCut';\nexport * from './YfmFile';\nexport * from './YfmHeading';\nexport * from './YfmNote';\nexport * from './YfmTable';\nexport * from './YfmTabs';\nexport * from '../additional/GPT';\n"]}

package/build/esm/extensions/yfm/specs.d.ts

@@ -1,13 +1,13 @@
-export * from './Checkbox/CheckboxSpecs';
-export * from './Color/ColorSpecs';
-export * from './Emoji/EmojiSpecs';
-export * from './ImgSize/ImgSizeSpecs';
-export * from './Monospace/MonospaceSpecs';
-export * from './Video/VideoSpecs';
-export * from './YfmConfigs/YfmConfigsSpecs';
-export * from './YfmCut/YfmCutSpecs';
-export * from './YfmFile/YfmFileSpecs';
-export * from './YfmHeading/YfmHeadingSpecs';
-export * from './YfmNote/YfmNoteSpecs';
-export * from './YfmTable/YfmTableSpecs';
-export * from './YfmTabs/YfmTabsSpecs';
+export * from "./Checkbox/CheckboxSpecs/index.js";
+export * from "./Color/ColorSpecs/index.js";
+export * from "./Emoji/EmojiSpecs/index.js";
+export * from "./ImgSize/ImgSizeSpecs/index.js";
+export * from "./Monospace/MonospaceSpecs/index.js";
+export * from "./Video/VideoSpecs/index.js";
+export * from "./YfmConfigs/YfmConfigsSpecs/index.js";
+export * from "./YfmCut/YfmCutSpecs/index.js";
+export * from "./YfmFile/YfmFileSpecs/index.js";
+export * from "./YfmHeading/YfmHeadingSpecs/index.js";
+export * from "./YfmNote/YfmNoteSpecs/index.js";
+export * from "./YfmTable/YfmTableSpecs/index.js";
+export * from "./YfmTabs/YfmTabsSpecs/index.js";

package/build/esm/extensions/yfm/specs.js

@@ -1,13 +1,14 @@
-export * from './Checkbox/CheckboxSpecs';
-export * from './Color/ColorSpecs';
-export * from './Emoji/EmojiSpecs';
-export * from './ImgSize/ImgSizeSpecs';
-export * from './Monospace/MonospaceSpecs';
-export * from './Video/VideoSpecs';
-export * from './YfmConfigs/YfmConfigsSpecs';
-export * from './YfmCut/YfmCutSpecs';
-export * from './YfmFile/YfmFileSpecs';
-export * from './YfmHeading/YfmHeadingSpecs';
-export * from './YfmNote/YfmNoteSpecs';
-export * from './YfmTable/YfmTableSpecs';
-export * from './YfmTabs/YfmTabsSpecs';
+export * from "./Checkbox/CheckboxSpecs/index.js";
+export * from "./Color/ColorSpecs/index.js";
+export * from "./Emoji/EmojiSpecs/index.js";
+export * from "./ImgSize/ImgSizeSpecs/index.js";
+export * from "./Monospace/MonospaceSpecs/index.js";
+export * from "./Video/VideoSpecs/index.js";
+export * from "./YfmConfigs/YfmConfigsSpecs/index.js";
+export * from "./YfmCut/YfmCutSpecs/index.js";
+export * from "./YfmFile/YfmFileSpecs/index.js";
+export * from "./YfmHeading/YfmHeadingSpecs/index.js";
+export * from "./YfmNote/YfmNoteSpecs/index.js";
+export * from "./YfmTable/YfmTableSpecs/index.js";
+export * from "./YfmTabs/YfmTabsSpecs/index.js";
+//# sourceMappingURL=specs.js.map

package/build/esm/extensions/yfm/specs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"specs.js","sourceRoot":"../../../../src","sources":["extensions/yfm/specs.ts"],"names":[],"mappings":"AAAA,kDAAyC;AACzC,4CAAmC;AACnC,4CAAmC;AACnC,gDAAuC;AACvC,oDAA2C;AAC3C,4CAAmC;AACnC,sDAA6C;AAC7C,8CAAqC;AACrC,gDAAuC;AACvC,sDAA6C;AAC7C,gDAAuC;AACvC,kDAAyC;AACzC,gDAAuC","sourcesContent":["export * from './Checkbox/CheckboxSpecs';\nexport * from './Color/ColorSpecs';\nexport * from './Emoji/EmojiSpecs';\nexport * from './ImgSize/ImgSizeSpecs';\nexport * from './Monospace/MonospaceSpecs';\nexport * from './Video/VideoSpecs';\nexport * from './YfmConfigs/YfmConfigsSpecs';\nexport * from './YfmCut/YfmCutSpecs';\nexport * from './YfmFile/YfmFileSpecs';\nexport * from './YfmHeading/YfmHeadingSpecs';\nexport * from './YfmNote/YfmNoteSpecs';\nexport * from './YfmTable/YfmTableSpecs';\nexport * from './YfmTabs/YfmTabsSpecs';\n"]}

package/build/esm/forms/FileForm.d.ts

@@ -1,10 +1,9 @@
-import React from 'react';
-import { ClassNameProps } from '../classname';
-export declare type FileFormSubmitParams = {
+import { ClassNameProps } from "../classname.js";
+export type FileFormSubmitParams = {
     src: string;
     name: string;
 };
-export declare type FileFormProps = ClassNameProps & {
+export type FileFormProps = ClassNameProps & {
     autoFocus?: boolean;
     onSubmit(params: FileFormSubmitParams): void;
     onCancel(): void;

package/build/esm/forms/FileForm.js

@@ -1,21 +1,28 @@
-import React from 'react';
-import { Tabs, TextInput } from '@gravity-ui/uikit';
-import { cn } from '../classname';
-import { i18n } from '../i18n/forms';
-import { isFunction } from '../lodash';
-import { enterKeyHandler } from '../utils/handlers';
-import { TextInputFixed } from './TextInput';
-import Form from './base';
-import { ButtonAttach } from './components';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLayoutEffect, useState } from 'react';
+import { TextInput } from '@gravity-ui/uikit';
+import { Tabs } from '@gravity-ui/uikit/legacy';
+import { cn } from "../classname.js";
+import { i18n } from "../i18n/forms/index.js";
+import { isFunction } from "../lodash.js";
+import { enterKeyHandler } from "../utils/handlers.js";
+import { TextInputFixed } from "./TextInput.js";
+import Form from "./base/index.js";
+import { ButtonAttach } from "./components/index.js";
 const b = cn('file-form');
+var TabId;
+(function (TabId) {
+    TabId["Attach"] = "attach";
+    TabId["Link"] = "link";
+})(TabId || (TabId = {}));
 export const FileForm = ({ className, autoFocus, onCancel, onSubmit, onAttach, loading, }) => {
-    const [tabId, setTabId] = React.useState(() => isFunction(onAttach) ? "attach" /* TabId.Attach */ : "link" /* TabId.Link */);
-    const [src, setSrc] = React.useState('');
-    const [name, setName] = React.useState('');
+    const [tabId, setTabId] = useState(() => isFunction(onAttach) ? TabId.Attach : TabId.Link);
+    const [src, setSrc] = useState('');
+    const [name, setName] = useState('');
     const shouldRenderTabs = isFunction(onAttach);
-    React.useLayoutEffect(() => {
-        if (!shouldRenderTabs && tabId === "attach" /* TabId.Attach */) {
-            setTabId("link" /* TabId.Link */);
+    useLayoutEffect(() => {
+        if (!shouldRenderTabs && tabId === TabId.Attach) {
+            setTabId(TabId.Link);
         }
     }, [shouldRenderTabs, tabId]);
     const handleSubmit = () => {
@@ -25,22 +32,13 @@ export const FileForm = ({ className, autoFocus, onCancel, onSubmit, onAttach, l
         });
     };
     const inputEnterKeyHandler = enterKeyHandler(handleSubmit);
-    return (React.createElement(Form.Form, { className: b(null, [className]) },
-        shouldRenderTabs && (React.createElement(Tabs, { activeTab: tabId, onSelectTab: setTabId, items: [
-                { id: "attach" /* TabId.Attach */, title: i18n('common_tab_attach') },
-                { id: "link" /* TabId.Link */, title: i18n('common_tab_link') },
-            ] })),
-        tabId === "attach" /* TabId.Attach */ && onAttach && (React.createElement(React.Fragment, null,
-            React.createElement(Form.Layout, null, i18n('file_upload_help')),
-            React.createElement(Form.Footer, { onCancel: onCancel },
-                React.createElement(ButtonAttach, { multiple: true, buttonProps: {
-                        size: 's',
-                        view: 'action',
-                        loading,
-                    }, onUpdate: onAttach }, i18n('common_action_upload'))))),
-        tabId === "link" /* TabId.Link */ && (React.createElement(React.Fragment, null,
-            React.createElement(Form.Layout, null,
-                React.createElement(Form.Row, { label: i18n('common_link'), help: i18n('file_link_help'), control: React.createElement(TextInputFixed, { size: "s", view: "normal", value: src, onUpdate: setSrc, placeholder: "https://", autoFocus: autoFocus, className: b('input', { type: 'link' }), onKeyPress: inputEnterKeyHandler }) }),
-                React.createElement(Form.Row, { label: i18n('file_name'), control: React.createElement(TextInput, { size: "s", view: "normal", value: name, onUpdate: setName, className: b('input', { type: 'name' }), onKeyPress: inputEnterKeyHandler }) })),
-            React.createElement(Form.Footer, { onCancel: onCancel, onSubmit: handleSubmit })))));
+    return (_jsxs(Form.Form, { className: b(null, [className]), children: [shouldRenderTabs && (_jsx(Tabs, { activeTab: tabId, onSelectTab: setTabId, items: [
+                    { id: TabId.Attach, title: i18n('common_tab_attach') },
+                    { id: TabId.Link, title: i18n('common_tab_link') },
+                ] })), tabId === TabId.Attach && onAttach && (_jsxs(_Fragment, { children: [_jsx(Form.Layout, { children: i18n('file_upload_help') }), _jsx(Form.Footer, { onCancel: onCancel, children: _jsx(ButtonAttach, { multiple: true, buttonProps: {
+                                size: 's',
+                                view: 'action',
+                                loading,
+                            }, onUpdate: onAttach, children: i18n('common_action_upload') }) })] })), tabId === TabId.Link && (_jsxs(_Fragment, { children: [_jsxs(Form.Layout, { children: [_jsx(Form.Row, { label: i18n('common_link'), help: i18n('file_link_help'), control: _jsx(TextInputFixed, { size: "s", view: "normal", value: src, onUpdate: setSrc, placeholder: "https://", autoFocus: autoFocus, className: b('input', { type: 'link' }), onKeyPress: inputEnterKeyHandler }) }), _jsx(Form.Row, { label: i18n('file_name'), control: _jsx(TextInput, { size: "s", view: "normal", value: name, onUpdate: setName, className: b('input', { type: 'name' }), onKeyPress: inputEnterKeyHandler }) })] }), _jsx(Form.Footer, { onCancel: onCancel, onSubmit: handleSubmit })] }))] }));
 };
+//# sourceMappingURL=FileForm.js.map

package/build/esm/forms/FileForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileForm.js","sourceRoot":"../../../src","sources":["forms/FileForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useLayoutEffect, useState} from 'react';\n\nimport {TextInput, type TextInputProps} from '@gravity-ui/uikit';\nimport {Tabs} from '@gravity-ui/uikit/legacy';\n\nimport {ClassNameProps, cn} from '../classname';\nimport {i18n} from '../i18n/forms';\nimport {isFunction} from '../lodash';\nimport {enterKeyHandler} from '../utils/handlers';\n\nimport {TextInputFixed} from './TextInput';\nimport Form from './base';\nimport {ButtonAttach} from './components';\n\nconst b = cn('file-form');\n\nconst enum TabId {\n    Attach = 'attach',\n    Link = 'link',\n}\n\nexport type FileFormSubmitParams = {\n    src: string;\n    name: string;\n};\n\nexport type FileFormProps = ClassNameProps & {\n    autoFocus?: boolean;\n    onSubmit(params: FileFormSubmitParams): void;\n    onCancel(): void;\n    onAttach?: (files: File[]) => void;\n    loading?: boolean;\n};\n\nexport const FileForm: React.FC<FileFormProps> = ({\n    className,\n    autoFocus,\n    onCancel,\n    onSubmit,\n    onAttach,\n    loading,\n}) => {\n    const [tabId, setTabId] = useState<string>(() =>\n        isFunction(onAttach) ? TabId.Attach : TabId.Link,\n    );\n    const [src, setSrc] = useState('');\n    const [name, setName] = useState('');\n\n    const shouldRenderTabs = isFunction(onAttach);\n    useLayoutEffect(() => {\n        if (!shouldRenderTabs && tabId === TabId.Attach) {\n            setTabId(TabId.Link);\n        }\n    }, [shouldRenderTabs, tabId]);\n\n    const handleSubmit = () => {\n        onSubmit({\n            src: src.trim(),\n            name: name.trim(),\n        });\n    };\n    const inputEnterKeyHandler: TextInputProps['onKeyDown'] = enterKeyHandler(handleSubmit);\n\n    return (\n        <Form.Form className={b(null, [className])}>\n            {shouldRenderTabs && (\n                <Tabs\n                    activeTab={tabId}\n                    onSelectTab={setTabId}\n                    items={[\n                        {id: TabId.Attach, title: i18n('common_tab_attach')},\n                        {id: TabId.Link, title: i18n('common_tab_link')},\n                    ]}\n                />\n            )}\n            {tabId === TabId.Attach && onAttach && (\n                <>\n                    <Form.Layout>{i18n('file_upload_help')}</Form.Layout>\n                    <Form.Footer onCancel={onCancel}>\n                        <ButtonAttach\n                            multiple\n                            buttonProps={{\n                                size: 's',\n                                view: 'action',\n                                loading,\n                            }}\n                            onUpdate={onAttach}\n                        >\n                            {i18n('common_action_upload')}\n                        </ButtonAttach>\n                    </Form.Footer>\n                </>\n            )}\n            {tabId === TabId.Link && (\n                <>\n                    <Form.Layout>\n                        <Form.Row\n                            label={i18n('common_link')}\n                            help={i18n('file_link_help')}\n                            control={\n                                <TextInputFixed\n                                    size=\"s\"\n                                    view=\"normal\"\n                                    value={src}\n                                    onUpdate={setSrc}\n                                    placeholder=\"https://\"\n                                    autoFocus={autoFocus}\n                                    className={b('input', {type: 'link'})}\n                                    onKeyPress={inputEnterKeyHandler}\n                                />\n                            }\n                        />\n                        <Form.Row\n                            label={i18n('file_name')}\n                            control={\n                                <TextInput\n                                    size=\"s\"\n                                    view=\"normal\"\n                                    value={name}\n                                    onUpdate={setName}\n                                    className={b('input', {type: 'name'})}\n                                    onKeyPress={inputEnterKeyHandler}\n                                />\n                            }\n                        />\n                    </Form.Layout>\n                    <Form.Footer onCancel={onCancel} onSubmit={handleSubmit} />\n                </>\n            )}\n        </Form.Form>\n    );\n};\n"]}

package/build/esm/forms/ImageForm.d.ts

@@ -1,14 +1,13 @@
-import React from 'react';
-import { ClassNameProps } from '../classname';
-import './ImageForm.css';
-export declare type ImageFormSubmitParams = {
+import { ClassNameProps } from "../classname.js";
+import "./ImageForm.css";
+export type ImageFormSubmitParams = {
     url: string;
     name: string;
     alt: string;
     width?: number;
     height?: number;
 };
-export declare type ImageFormProps = ClassNameProps & {
+export type ImageFormProps = ClassNameProps & {
     autoFocus?: boolean;
     onSubmit(params: ImageFormSubmitParams): void;
     onCancel(): void;