npm - @gravity-ui/markdown-editor - Versions diffs - 14.12.2 → 15.0.0 - Mend

@gravity-ui/markdown-editor 14.12.2 → 15.0.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 (3617) hide show

package/build/cjs/extensions/yfm/YfmTabs/plugins.js.map ADDED Viewed

@@ -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/cjs/extensions/yfm/YfmTabs/utils.js CHANGED Viewed

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.switchTabById = exports.switchTabByElem = exports.atEndOfPanel = exports.execAfterPaint = void 0;
-const const_1 = require("./const");
+const const_1 = require("./const.js");
 const execAfterPaint = (fn) => {
     requestAnimationFrame(() => {
         requestAnimationFrame(fn);
@@ -18,7 +18,7 @@ const atEndOfPanel = (view) => {
             return false;
         if (parent.type === (0, const_1.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;
@@ -38,3 +38,4 @@ const switchTabById = (container, tabId) => {
     }
 };
 exports.switchTabById = switchTabById;
+//# sourceMappingURL=utils.js.map

package/build/cjs/extensions/yfm/YfmTabs/utils.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"utils.js","sourceRoot":"../../../../../src","sources":["extensions/yfm/YfmTabs/utils.ts"],"names":[],"mappings":";;;AAEA,sCAA0E;AAEnE,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;AAJW,QAAA,cAAc,kBAIzB;AAEK,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,IAAA,oBAAY,EAAC,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;AAdW,QAAA,YAAY,gBAcvB;AAEK,MAAM,eAAe,GAAG,CAAC,OAAoB,EAAE,EAAE;IACpD,IAAI,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,yBAAiB,CAAC,EAAE,CAAC;QAChD,OAAO,CAAC,KAAK,EAAE,CAAC;IACpB,CAAC;AACL,CAAC,CAAC;AAJW,QAAA,eAAe,mBAI1B;AAEK,MAAM,aAAa,GAAG,CAAC,SAAsB,EAAE,KAAa,EAAE,EAAE;IACnE,MAAM,QAAQ,GAAG,IAAI,yBAAiB,IAAI,wBAAgB,KAAK,KAAK,IAAI,CAAC;IACzE,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CAAiB,QAAQ,CAAC,CAAC;IAClE,IAAI,OAAO,EAAE,CAAC;QACV,IAAA,uBAAe,EAAC,OAAO,CAAC,CAAC;IAC7B,CAAC;AACL,CAAC,CAAC;AANW,QAAA,aAAa,iBAMxB","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/cjs/extensions/yfm/YfmTabs/views.d.ts CHANGED Viewed

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

package/build/cjs/extensions/yfm/YfmTabs/views.js CHANGED Viewed

@@ -2,12 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.vtabInputView = exports.vtabView = exports.tabPanelView = exports.tabView = void 0;
 const prosemirror_state_1 = require("prosemirror-state");
+// @ts-ignore // TODO: fix cjs build
 const prosemirror_utils_1 = require("prosemirror-utils");
-const classname_1 = require("../../../classname");
-const const_1 = require("./const");
-const icons_1 = require("./icons");
-const plugins_1 = require("./plugins");
-const utils_1 = require("./utils");
+const classname_1 = require("../../../classname.js");
+const const_1 = require("./const.js");
+const icons_1 = require("./icons.js");
+const plugins_1 = require("./plugins.js");
+const utils_1 = require("./utils.js");
+require("./index.css");
 const cnYfmTab = (0, classname_1.cn)('yfm-tab');
 const ignoreMutation = (_node, _view, _getPos) => (mutation) => {
     if (mutation instanceof MutationRecord &&
@@ -110,3 +112,4 @@ const vtabInputView = (node, view, getPos) => ({
     ignoreMutation: ignoreMutation(node, view, getPos),
 });
 exports.vtabInputView = vtabInputView;
+//# sourceMappingURL=views.js.map

package/build/cjs/extensions/yfm/YfmTabs/views.js.map ADDED Viewed

@@ -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 type {EditorView, 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/cjs/extensions/yfm/index.d.ts CHANGED Viewed

@@ -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/cjs/extensions/yfm/index.js CHANGED Viewed

@@ -1,17 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Checkbox"), exports);
-tslib_1.__exportStar(require("./Color"), exports);
-tslib_1.__exportStar(require("./Emoji"), exports);
-tslib_1.__exportStar(require("./ImgSize"), exports);
-tslib_1.__exportStar(require("./Monospace"), exports);
-tslib_1.__exportStar(require("./Video"), exports);
-tslib_1.__exportStar(require("./YfmConfigs"), exports);
-tslib_1.__exportStar(require("./YfmCut"), exports);
-tslib_1.__exportStar(require("./YfmFile"), exports);
-tslib_1.__exportStar(require("./YfmHeading"), exports);
-tslib_1.__exportStar(require("./YfmNote"), exports);
-tslib_1.__exportStar(require("./YfmTable"), exports);
-tslib_1.__exportStar(require("./YfmTabs"), exports);
-tslib_1.__exportStar(require("../additional/GPT"), exports);
+tslib_1.__exportStar(require("./Checkbox/index.js"), exports);
+tslib_1.__exportStar(require("./Color/index.js"), exports);
+tslib_1.__exportStar(require("./Emoji/index.js"), exports);
+tslib_1.__exportStar(require("./ImgSize/index.js"), exports);
+tslib_1.__exportStar(require("./Monospace/index.js"), exports);
+tslib_1.__exportStar(require("./Video/index.js"), exports);
+tslib_1.__exportStar(require("./YfmConfigs/index.js"), exports);
+tslib_1.__exportStar(require("./YfmCut/index.js"), exports);
+tslib_1.__exportStar(require("./YfmFile/index.js"), exports);
+tslib_1.__exportStar(require("./YfmHeading/index.js"), exports);
+tslib_1.__exportStar(require("./YfmNote/index.js"), exports);
+tslib_1.__exportStar(require("./YfmTable/index.js"), exports);
+tslib_1.__exportStar(require("./YfmTabs/index.js"), exports);
+tslib_1.__exportStar(require("../additional/GPT/index.js"), exports);
+//# sourceMappingURL=index.js.map

package/build/cjs/extensions/yfm/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["extensions/yfm/index.ts"],"names":[],"mappings":";;;AAAA,8DAA2B;AAC3B,2DAAwB;AACxB,2DAAwB;AACxB,6DAA0B;AAC1B,+DAA4B;AAC5B,2DAAwB;AACxB,gEAA6B;AAC7B,4DAAyB;AACzB,6DAA0B;AAC1B,gEAA6B;AAC7B,6DAA0B;AAC1B,8DAA2B;AAC3B,6DAA0B;AAC1B,qEAAkC","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/cjs/extensions/yfm/specs.d.ts CHANGED Viewed

@@ -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/cjs/extensions/yfm/specs.js CHANGED Viewed

@@ -1,16 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Checkbox/CheckboxSpecs"), exports);
-tslib_1.__exportStar(require("./Color/ColorSpecs"), exports);
-tslib_1.__exportStar(require("./Emoji/EmojiSpecs"), exports);
-tslib_1.__exportStar(require("./ImgSize/ImgSizeSpecs"), exports);
-tslib_1.__exportStar(require("./Monospace/MonospaceSpecs"), exports);
-tslib_1.__exportStar(require("./Video/VideoSpecs"), exports);
-tslib_1.__exportStar(require("./YfmConfigs/YfmConfigsSpecs"), exports);
-tslib_1.__exportStar(require("./YfmCut/YfmCutSpecs"), exports);
-tslib_1.__exportStar(require("./YfmFile/YfmFileSpecs"), exports);
-tslib_1.__exportStar(require("./YfmHeading/YfmHeadingSpecs"), exports);
-tslib_1.__exportStar(require("./YfmNote/YfmNoteSpecs"), exports);
-tslib_1.__exportStar(require("./YfmTable/YfmTableSpecs"), exports);
-tslib_1.__exportStar(require("./YfmTabs/YfmTabsSpecs"), exports);
+tslib_1.__exportStar(require("./Checkbox/CheckboxSpecs/index.js"), exports);
+tslib_1.__exportStar(require("./Color/ColorSpecs/index.js"), exports);
+tslib_1.__exportStar(require("./Emoji/EmojiSpecs/index.js"), exports);
+tslib_1.__exportStar(require("./ImgSize/ImgSizeSpecs/index.js"), exports);
+tslib_1.__exportStar(require("./Monospace/MonospaceSpecs/index.js"), exports);
+tslib_1.__exportStar(require("./Video/VideoSpecs/index.js"), exports);
+tslib_1.__exportStar(require("./YfmConfigs/YfmConfigsSpecs/index.js"), exports);
+tslib_1.__exportStar(require("./YfmCut/YfmCutSpecs/index.js"), exports);
+tslib_1.__exportStar(require("./YfmFile/YfmFileSpecs/index.js"), exports);
+tslib_1.__exportStar(require("./YfmHeading/YfmHeadingSpecs/index.js"), exports);
+tslib_1.__exportStar(require("./YfmNote/YfmNoteSpecs/index.js"), exports);
+tslib_1.__exportStar(require("./YfmTable/YfmTableSpecs/index.js"), exports);
+tslib_1.__exportStar(require("./YfmTabs/YfmTabsSpecs/index.js"), exports);
+//# sourceMappingURL=specs.js.map

package/build/cjs/extensions/yfm/specs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"specs.js","sourceRoot":"../../../../src","sources":["extensions/yfm/specs.ts"],"names":[],"mappings":";;;AAAA,4EAAyC;AACzC,sEAAmC;AACnC,sEAAmC;AACnC,0EAAuC;AACvC,8EAA2C;AAC3C,sEAAmC;AACnC,gFAA6C;AAC7C,wEAAqC;AACrC,0EAAuC;AACvC,gFAA6C;AAC7C,0EAAuC;AACvC,4EAAyC;AACzC,0EAAuC","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/cjs/forms/FileForm.d.ts CHANGED Viewed

@@ -1,10 +1,9 @@
-import React from 'react';
-import { ClassNameProps } from '../classname';
-export declare type FileFormSubmitParams = {
+import { type 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/cjs/forms/FileForm.js CHANGED Viewed

@@ -2,24 +2,31 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FileForm = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const uikit_1 = require("@gravity-ui/uikit");
-const classname_1 = require("../classname");
-const forms_1 = require("../i18n/forms");
-const lodash_1 = require("../lodash");
-const handlers_1 = require("../utils/handlers");
-const TextInput_1 = require("./TextInput");
-const base_1 = tslib_1.__importDefault(require("./base"));
-const components_1 = require("./components");
+const legacy_1 = require("@gravity-ui/uikit/legacy");
+const classname_1 = require("../classname.js");
+const forms_1 = require("../i18n/forms/index.js");
+const lodash_1 = require("../lodash.js");
+const handlers_1 = require("../utils/handlers.js");
+const TextInput_1 = require("./TextInput.js");
+const base_1 = tslib_1.__importDefault(require("./base/index.js"));
+const components_1 = require("./components/index.js");
 const b = (0, classname_1.cn)('file-form');
+var TabId;
+(function (TabId) {
+    TabId["Attach"] = "attach";
+    TabId["Link"] = "link";
+})(TabId || (TabId = {}));
 const FileForm = ({ className, autoFocus, onCancel, onSubmit, onAttach, loading, }) => {
-    const [tabId, setTabId] = react_1.default.useState(() => (0, lodash_1.isFunction)(onAttach) ? "attach" /* TabId.Attach */ : "link" /* TabId.Link */);
-    const [src, setSrc] = react_1.default.useState('');
-    const [name, setName] = react_1.default.useState('');
+    const [tabId, setTabId] = (0, react_1.useState)(() => (0, lodash_1.isFunction)(onAttach) ? TabId.Attach : TabId.Link);
+    const [src, setSrc] = (0, react_1.useState)('');
+    const [name, setName] = (0, react_1.useState)('');
     const shouldRenderTabs = (0, lodash_1.isFunction)(onAttach);
-    react_1.default.useLayoutEffect(() => {
-        if (!shouldRenderTabs && tabId === "attach" /* TabId.Attach */) {
-            setTabId("link" /* TabId.Link */);
+    (0, react_1.useLayoutEffect)(() => {
+        if (!shouldRenderTabs && tabId === TabId.Attach) {
+            setTabId(TabId.Link);
         }
     }, [shouldRenderTabs, tabId]);
     const handleSubmit = () => {
@@ -29,23 +36,14 @@ const FileForm = ({ className, autoFocus, onCancel, onSubmit, onAttach, loading,
         });
     };
     const inputEnterKeyHandler = (0, handlers_1.enterKeyHandler)(handleSubmit);
-    return (react_1.default.createElement(base_1.default.Form, { className: b(null, [className]) },
-        shouldRenderTabs && (react_1.default.createElement(uikit_1.Tabs, { activeTab: tabId, onSelectTab: setTabId, items: [
-                { id: "attach" /* TabId.Attach */, title: (0, forms_1.i18n)('common_tab_attach') },
-                { id: "link" /* TabId.Link */, title: (0, forms_1.i18n)('common_tab_link') },
-            ] })),
-        tabId === "attach" /* TabId.Attach */ && onAttach && (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(base_1.default.Layout, null, (0, forms_1.i18n)('file_upload_help')),
-            react_1.default.createElement(base_1.default.Footer, { onCancel: onCancel },
-                react_1.default.createElement(components_1.ButtonAttach, { multiple: true, buttonProps: {
-                        size: 's',
-                        view: 'action',
-                        loading,
-                    }, onUpdate: onAttach }, (0, forms_1.i18n)('common_action_upload'))))),
-        tabId === "link" /* TabId.Link */ && (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(base_1.default.Layout, null,
-                react_1.default.createElement(base_1.default.Row, { label: (0, forms_1.i18n)('common_link'), help: (0, forms_1.i18n)('file_link_help'), control: react_1.default.createElement(TextInput_1.TextInputFixed, { size: "s", view: "normal", value: src, onUpdate: setSrc, placeholder: "https://", autoFocus: autoFocus, className: b('input', { type: 'link' }), onKeyPress: inputEnterKeyHandler }) }),
-                react_1.default.createElement(base_1.default.Row, { label: (0, forms_1.i18n)('file_name'), control: react_1.default.createElement(uikit_1.TextInput, { size: "s", view: "normal", value: name, onUpdate: setName, className: b('input', { type: 'name' }), onKeyPress: inputEnterKeyHandler }) })),
-            react_1.default.createElement(base_1.default.Footer, { onCancel: onCancel, onSubmit: handleSubmit })))));
+    return ((0, jsx_runtime_1.jsxs)(base_1.default.Form, { className: b(null, [className]), children: [shouldRenderTabs && ((0, jsx_runtime_1.jsx)(legacy_1.Tabs, { activeTab: tabId, onSelectTab: setTabId, items: [
+                    { id: TabId.Attach, title: (0, forms_1.i18n)('common_tab_attach') },
+                    { id: TabId.Link, title: (0, forms_1.i18n)('common_tab_link') },
+                ] })), tabId === TabId.Attach && onAttach && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(base_1.default.Layout, { children: (0, forms_1.i18n)('file_upload_help') }), (0, jsx_runtime_1.jsx)(base_1.default.Footer, { onCancel: onCancel, children: (0, jsx_runtime_1.jsx)(components_1.ButtonAttach, { multiple: true, buttonProps: {
+                                size: 's',
+                                view: 'action',
+                                loading,
+                            }, onUpdate: onAttach, children: (0, forms_1.i18n)('common_action_upload') }) })] })), tabId === TabId.Link && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(base_1.default.Layout, { children: [(0, jsx_runtime_1.jsx)(base_1.default.Row, { label: (0, forms_1.i18n)('common_link'), help: (0, forms_1.i18n)('file_link_help'), control: (0, jsx_runtime_1.jsx)(TextInput_1.TextInputFixed, { size: "s", view: "normal", value: src, onUpdate: setSrc, placeholder: "https://", autoFocus: autoFocus, className: b('input', { type: 'link' }), onKeyPress: inputEnterKeyHandler }) }), (0, jsx_runtime_1.jsx)(base_1.default.Row, { label: (0, forms_1.i18n)('file_name'), control: (0, jsx_runtime_1.jsx)(uikit_1.TextInput, { size: "s", view: "normal", value: name, onUpdate: setName, className: b('input', { type: 'name' }), onKeyPress: inputEnterKeyHandler }) })] }), (0, jsx_runtime_1.jsx)(base_1.default.Footer, { onCancel: onCancel, onSubmit: handleSubmit })] }))] }));
 };
 exports.FileForm = FileForm;
+//# sourceMappingURL=FileForm.js.map

package/build/cjs/forms/FileForm.js.map ADDED Viewed

@@ -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 {type 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/cjs/forms/ImageForm.d.ts CHANGED Viewed

@@ -1,13 +1,13 @@
-import React from 'react';
-import { ClassNameProps } from '../classname';
-export declare type ImageFormSubmitParams = {
+import { type 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;

package/build/cjs/forms/ImageForm.js CHANGED Viewed

@@ -2,27 +2,35 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ImageForm = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const uikit_1 = require("@gravity-ui/uikit");
-const classname_1 = require("../classname");
-const forms_1 = require("../i18n/forms");
-const lodash_1 = require("../lodash");
-const handlers_1 = require("../utils/handlers");
-const TextInput_1 = require("./TextInput");
-const base_1 = tslib_1.__importDefault(require("./base"));
-const components_1 = require("./components");
+const legacy_1 = require("@gravity-ui/uikit/legacy");
+const classname_1 = require("../classname.js");
+const forms_1 = require("../i18n/forms/index.js");
+const lodash_1 = require("../lodash.js");
+const handlers_1 = require("../utils/handlers.js");
+const TextInput_1 = require("./TextInput.js");
+const base_1 = tslib_1.__importDefault(require("./base/index.js"));
+const components_1 = require("./components/index.js");
+require("./ImageForm.css");
 const b = (0, classname_1.cn)('image-form');
+var ImageTabId;
+(function (ImageTabId) {
+    ImageTabId["Attach"] = "attach";
+    ImageTabId["Link"] = "link";
+})(ImageTabId || (ImageTabId = {}));
 const ImageForm = ({ className, autoFocus, onCancel, onSubmit, onAttach, loading, }) => {
-    const [tabId, setTabId] = react_1.default.useState(() => (0, lodash_1.isFunction)(onAttach) ? "attach" /* ImageTabId.Attach */ : "link" /* ImageTabId.Link */);
-    const [url, setUrl] = react_1.default.useState('');
-    const [name, setName] = react_1.default.useState('');
-    const [alt, setAlt] = react_1.default.useState('');
-    const [width, setWidth] = react_1.default.useState();
-    const [height, setHeight] = react_1.default.useState();
+    const [tabId, setTabId] = (0, react_1.useState)(() => (0, lodash_1.isFunction)(onAttach) ? ImageTabId.Attach : ImageTabId.Link);
+    const [url, setUrl] = (0, react_1.useState)('');
+    const [name, setName] = (0, react_1.useState)('');
+    const [alt, setAlt] = (0, react_1.useState)('');
+    const [width, setWidth] = (0, react_1.useState)();
+    const [height, setHeight] = (0, react_1.useState)();
     const shouldRenderTabs = (0, lodash_1.isFunction)(onAttach);
-    react_1.default.useLayoutEffect(() => {
-        if (!shouldRenderTabs && tabId === "attach" /* ImageTabId.Attach */) {
-            setTabId("link" /* ImageTabId.Link */);
+    (0, react_1.useLayoutEffect)(() => {
+        if (!shouldRenderTabs && tabId === ImageTabId.Attach) {
+            setTabId(ImageTabId.Link);
         }
     }, [shouldRenderTabs, tabId]);
     const handleSubmit = () => {
@@ -38,24 +46,10 @@ const ImageForm = ({ className, autoFocus, onCancel, onSubmit, onAttach, loading
         onSubmit(data);
     };
     const inputEnterKeyHandler = (0, handlers_1.enterKeyHandler)(handleSubmit);
-    return (react_1.default.createElement(base_1.default.Form, { className: b(null, [className]) },
-        shouldRenderTabs && (react_1.default.createElement(uikit_1.Tabs, { activeTab: tabId, onSelectTab: setTabId, items: [
-                { id: "attach" /* ImageTabId.Attach */, title: (0, forms_1.i18n)('common_tab_attach') },
-                { id: "link" /* ImageTabId.Link */, title: (0, forms_1.i18n)('common_tab_link') },
-            ] })),
-        tabId === "attach" /* ImageTabId.Attach */ && onAttach && (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(base_1.default.Layout, null, (0, forms_1.i18n)('image_upload_help')),
-            react_1.default.createElement(base_1.default.Footer, { onCancel: onCancel },
-                react_1.default.createElement(components_1.ButtonAttach, { multiple: true, accept: "image/*", onUpdate: onAttach, buttonProps: { size: 's', view: 'action', loading } }, (0, forms_1.i18n)('common_action_upload'))))),
-        tabId === "link" /* ImageTabId.Link */ && (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(base_1.default.Layout, null,
-                react_1.default.createElement(base_1.default.Row, { label: (0, forms_1.i18n)('common_link'), control: react_1.default.createElement(TextInput_1.TextInputFixed, { size: "s", view: "normal", value: url, onUpdate: setUrl, placeholder: "https://", autoFocus: autoFocus, className: b('input', { type: 'link' }), onKeyPress: inputEnterKeyHandler }) }),
-                react_1.default.createElement(base_1.default.Row, { label: (0, forms_1.i18n)('image_name'), control: react_1.default.createElement(uikit_1.TextInput, { size: "s", view: "normal", value: name, onUpdate: setName, className: b('input', { type: 'name' }), onKeyPress: inputEnterKeyHandler }) }),
-                react_1.default.createElement(base_1.default.Row, { label: (0, forms_1.i18n)('image_alt'), help: (0, forms_1.i18n)('image_alt_help'), control: react_1.default.createElement(uikit_1.TextInput, { size: "s", view: "normal", value: alt, onUpdate: setAlt, className: b('input', { type: 'alt' }), onKeyPress: inputEnterKeyHandler }) }),
-                react_1.default.createElement(base_1.default.Row, { label: (0, forms_1.i18n)('common_sizes'), control: react_1.default.createElement("div", { className: b('size-controls') },
-                        react_1.default.createElement(components_1.NumberInput, { min: 0, size: "s", view: "normal", value: width, onUpdate: setWidth, placeholder: (0, forms_1.i18n)('image_size_width'), className: b('input', { type: 'width' }), onKeyDown: inputEnterKeyHandler }),
-                        "x",
-                        react_1.default.createElement(components_1.NumberInput, { min: 0, size: "s", view: "normal", value: height, onUpdate: setHeight, placeholder: (0, forms_1.i18n)('image_size_height'), className: b('input', { type: 'height' }), onKeyDown: inputEnterKeyHandler })) })),
-            react_1.default.createElement(base_1.default.Footer, { onCancel: onCancel, onSubmit: handleSubmit })))));
+    return ((0, jsx_runtime_1.jsxs)(base_1.default.Form, { className: b(null, [className]), children: [shouldRenderTabs && ((0, jsx_runtime_1.jsx)(legacy_1.Tabs, { activeTab: tabId, onSelectTab: setTabId, items: [
+                    { id: ImageTabId.Attach, title: (0, forms_1.i18n)('common_tab_attach') },
+                    { id: ImageTabId.Link, title: (0, forms_1.i18n)('common_tab_link') },
+                ] })), tabId === ImageTabId.Attach && onAttach && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(base_1.default.Layout, { children: (0, forms_1.i18n)('image_upload_help') }), (0, jsx_runtime_1.jsx)(base_1.default.Footer, { onCancel: onCancel, children: (0, jsx_runtime_1.jsx)(components_1.ButtonAttach, { multiple: true, accept: "image/*", onUpdate: onAttach, buttonProps: { size: 's', view: 'action', loading }, children: (0, forms_1.i18n)('common_action_upload') }) })] })), tabId === ImageTabId.Link && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(base_1.default.Layout, { children: [(0, jsx_runtime_1.jsx)(base_1.default.Row, { label: (0, forms_1.i18n)('common_link'), control: (0, jsx_runtime_1.jsx)(TextInput_1.TextInputFixed, { size: "s", view: "normal", value: url, onUpdate: setUrl, placeholder: "https://", autoFocus: autoFocus, className: b('input', { type: 'link' }), onKeyPress: inputEnterKeyHandler }) }), (0, jsx_runtime_1.jsx)(base_1.default.Row, { label: (0, forms_1.i18n)('image_name'), control: (0, jsx_runtime_1.jsx)(uikit_1.TextInput, { size: "s", view: "normal", value: name, onUpdate: setName, className: b('input', { type: 'name' }), onKeyPress: inputEnterKeyHandler }) }), (0, jsx_runtime_1.jsx)(base_1.default.Row, { label: (0, forms_1.i18n)('image_alt'), help: (0, forms_1.i18n)('image_alt_help'), control: (0, jsx_runtime_1.jsx)(uikit_1.TextInput, { size: "s", view: "normal", value: alt, onUpdate: setAlt, className: b('input', { type: 'alt' }), onKeyPress: inputEnterKeyHandler }) }), (0, jsx_runtime_1.jsx)(base_1.default.Row, { label: (0, forms_1.i18n)('common_sizes'), control: (0, jsx_runtime_1.jsxs)("div", { className: b('size-controls'), children: [(0, jsx_runtime_1.jsx)(components_1.NumberInput, { min: 0, size: "s", view: "normal", value: width, onUpdate: setWidth, placeholder: (0, forms_1.i18n)('image_size_width'), className: b('input', { type: 'width' }), onKeyDown: inputEnterKeyHandler }), "x", (0, jsx_runtime_1.jsx)(components_1.NumberInput, { min: 0, size: "s", view: "normal", value: height, onUpdate: setHeight, placeholder: (0, forms_1.i18n)('image_size_height'), className: b('input', { type: 'height' }), onKeyDown: inputEnterKeyHandler })] }) })] }), (0, jsx_runtime_1.jsx)(base_1.default.Footer, { onCancel: onCancel, onSubmit: handleSubmit })] }))] }));
 };
 exports.ImageForm = ImageForm;
+//# sourceMappingURL=ImageForm.js.map

package/build/cjs/forms/ImageForm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ImageForm.js","sourceRoot":"../../../src","sources":["forms/ImageForm.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 {type 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, NumberInput} from './components';\n\nimport './ImageForm.scss';\n\nconst b = cn('image-form');\n\nconst enum ImageTabId {\n Attach = 'attach',\n Link = 'link',\n}\n\nexport type ImageFormSubmitParams = {\n url: string;\n name: string;\n alt: string;\n width?: number;\n height?: number;\n};\n\nexport type ImageFormProps = ClassNameProps & {\n autoFocus?: boolean;\n onSubmit(params: ImageFormSubmitParams): void;\n onCancel(): void;\n onAttach?: (files: File[]) => void;\n loading?: boolean;\n};\n\nexport const ImageForm: React.FC<ImageFormProps> = ({\n className,\n autoFocus,\n onCancel,\n onSubmit,\n onAttach,\n loading,\n}) => {\n const [tabId, setTabId] = useState<string>(() =>\n isFunction(onAttach) ? ImageTabId.Attach : ImageTabId.Link,\n );\n const [url, setUrl] = useState('');\n const [name, setName] = useState('');\n const [alt, setAlt] = useState('');\n const [width, setWidth] = useState<number | undefined>();\n const [height, setHeight] = useState<number | undefined>();\n\n const shouldRenderTabs = isFunction(onAttach);\n useLayoutEffect(() => {\n if (!shouldRenderTabs && tabId === ImageTabId.Attach) {\n setTabId(ImageTabId.Link);\n }\n }, [shouldRenderTabs, tabId]);\n\n const handleSubmit = () => {\n const data: ImageFormSubmitParams = {\n url: url.trim(),\n name: name.trim(),\n alt: alt.trim(),\n };\n if (typeof width === 'number' && width >= 0) data.width = width;\n if (typeof height === 'number' && height >= 0) data.height = height;\n onSubmit(data);\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: ImageTabId.Attach, title: i18n('common_tab_attach')},\n {id: ImageTabId.Link, title: i18n('common_tab_link')},\n ]}\n />\n )}\n {tabId === ImageTabId.Attach && onAttach && (\n <>\n <Form.Layout>{i18n('image_upload_help')}</Form.Layout>\n <Form.Footer onCancel={onCancel}>\n <ButtonAttach\n multiple\n accept=\"image/*\"\n onUpdate={onAttach}\n buttonProps={{size: 's', view: 'action', loading}}\n >\n {i18n('common_action_upload')}\n </ButtonAttach>\n </Form.Footer>\n </>\n )}\n {tabId === ImageTabId.Link && (\n <>\n <Form.Layout>\n <Form.Row\n label={i18n('common_link')}\n control={\n <TextInputFixed\n size=\"s\"\n view=\"normal\"\n value={url}\n onUpdate={setUrl}\n placeholder=\"https://\"\n autoFocus={autoFocus}\n className={b('input', {type: 'link'})}\n onKeyPress={inputEnterKeyHandler}\n />\n }\n />\n <Form.Row\n label={i18n('image_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.Row\n label={i18n('image_alt')}\n help={i18n('image_alt_help')}\n control={\n <TextInput\n size=\"s\"\n view=\"normal\"\n value={alt}\n onUpdate={setAlt}\n className={b('input', {type: 'alt'})}\n onKeyPress={inputEnterKeyHandler}\n />\n }\n />\n <Form.Row\n label={i18n('common_sizes')}\n control={\n <div className={b('size-controls')}>\n <NumberInput\n min={0}\n size=\"s\"\n view=\"normal\"\n value={width}\n onUpdate={setWidth}\n placeholder={i18n('image_size_width')}\n className={b('input', {type: 'width'})}\n onKeyDown={inputEnterKeyHandler}\n />\n x\n <NumberInput\n min={0}\n size=\"s\"\n view=\"normal\"\n value={height}\n onUpdate={setHeight}\n placeholder={i18n('image_size_height')}\n className={b('input', {type: 'height'})}\n onKeyDown={inputEnterKeyHandler}\n />\n </div>\n }\n />\n </Form.Layout>\n <Form.Footer onCancel={onCancel} onSubmit={handleSubmit} />\n </>\n )}\n </Form.Form>\n );\n};\n"]}

package/build/cjs/forms/LinkForm.d.ts CHANGED Viewed

@@ -1,10 +1,9 @@
-import React from 'react';
-import { ClassNameProps } from '../classname';
-export declare type LinkFormSubmitParams = {
+import type { ClassNameProps } from "../classname.js";
+export type LinkFormSubmitParams = {
     url: string;
     text: string;
 };
-export declare type LinkFormProps = ClassNameProps & {
+export type LinkFormProps = ClassNameProps & {
     autoFocus?: boolean;
     initialUrl?: string;
     initialText?: string;
@@ -12,4 +11,4 @@ export declare type LinkFormProps = ClassNameProps & {
     onSubmit(params: LinkFormSubmitParams): void;
     onCancel(): void;
 };
-export declare const LinkForm: React.NamedExoticComponent<LinkFormProps>;
+export declare const LinkForm: import("react").NamedExoticComponent<LinkFormProps>;