@forgedevstack/ink 1.1.8 → 1.1.9
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.
- package/CHANGELOG.md +9 -0
- package/dist/components/InkEditor/InkEditor.cjs +1 -1
- package/dist/components/InkEditor/InkEditor.d.ts.map +1 -1
- package/dist/components/InkEditor/InkEditor.js +845 -830
- package/dist/components/InkEditor/components/ExcelSheetPanel/ExcelSheetPanel.cjs +1 -1
- package/dist/components/InkEditor/components/ExcelSheetPanel/ExcelSheetPanel.d.ts.map +1 -1
- package/dist/components/InkEditor/components/ExcelSheetPanel/ExcelSheetPanel.js +96 -82
- package/dist/components/InkEditor/components/PresenceStack/PresenceStack.cjs +1 -0
- package/dist/components/InkEditor/components/PresenceStack/PresenceStack.const.cjs +1 -0
- package/dist/components/InkEditor/components/PresenceStack/PresenceStack.const.d.ts +7 -0
- package/dist/components/InkEditor/components/PresenceStack/PresenceStack.const.d.ts.map +1 -0
- package/dist/components/InkEditor/components/PresenceStack/PresenceStack.const.js +9 -0
- package/dist/components/InkEditor/components/PresenceStack/PresenceStack.d.ts +4 -0
- package/dist/components/InkEditor/components/PresenceStack/PresenceStack.d.ts.map +1 -0
- package/dist/components/InkEditor/components/PresenceStack/PresenceStack.js +82 -0
- package/dist/components/InkEditor/components/PresenceStack/PresenceStack.types.d.ts +8 -0
- package/dist/components/InkEditor/components/PresenceStack/PresenceStack.types.d.ts.map +1 -0
- package/dist/components/InkEditor/components/PresenceStack/index.d.ts +3 -0
- package/dist/components/InkEditor/components/PresenceStack/index.d.ts.map +1 -0
- package/dist/components/InkEditor/components/RemoteCursors/RemoteCursors.cjs +1 -0
- package/dist/components/InkEditor/components/RemoteCursors/RemoteCursors.const.cjs +1 -0
- package/dist/components/InkEditor/components/RemoteCursors/RemoteCursors.const.d.ts +7 -0
- package/dist/components/InkEditor/components/RemoteCursors/RemoteCursors.const.d.ts.map +1 -0
- package/dist/components/InkEditor/components/RemoteCursors/RemoteCursors.const.js +10 -0
- package/dist/components/InkEditor/components/RemoteCursors/RemoteCursors.d.ts +4 -0
- package/dist/components/InkEditor/components/RemoteCursors/RemoteCursors.d.ts.map +1 -0
- package/dist/components/InkEditor/components/RemoteCursors/RemoteCursors.js +65 -0
- package/dist/components/InkEditor/components/RemoteCursors/RemoteCursors.types.d.ts +6 -0
- package/dist/components/InkEditor/components/RemoteCursors/RemoteCursors.types.d.ts.map +1 -0
- package/dist/components/InkEditor/components/RemoteCursors/index.d.ts +3 -0
- package/dist/components/InkEditor/components/RemoteCursors/index.d.ts.map +1 -0
- package/dist/components/InkEditor/components/TableSizePicker/TableSizePicker.cjs +1 -1
- package/dist/components/InkEditor/components/TableSizePicker/TableSizePicker.js +35 -34
- package/dist/components/InkEditor/components/ThemePicker/ThemePicker.cjs +1 -1
- package/dist/components/InkEditor/components/ThemePicker/ThemePicker.d.ts.map +1 -1
- package/dist/components/InkEditor/components/ThemePicker/ThemePicker.js +39 -55
- package/dist/components/InkEditor/components/ThemePicker/hooks/index.d.ts +3 -0
- package/dist/components/InkEditor/components/ThemePicker/hooks/index.d.ts.map +1 -0
- package/dist/components/InkEditor/components/ThemePicker/hooks/useThemePickerMenu.cjs +1 -0
- package/dist/components/InkEditor/components/ThemePicker/hooks/useThemePickerMenu.d.ts +13 -0
- package/dist/components/InkEditor/components/ThemePicker/hooks/useThemePickerMenu.d.ts.map +1 -0
- package/dist/components/InkEditor/components/ThemePicker/hooks/useThemePickerMenu.js +39 -0
- package/dist/components/InkEditor/components/index.d.ts +4 -0
- package/dist/components/InkEditor/components/index.d.ts.map +1 -1
- package/dist/components/InkTabs/InkTabs.cjs +1 -0
- package/dist/components/InkTabs/InkTabs.d.ts +4 -0
- package/dist/components/InkTabs/InkTabs.d.ts.map +1 -0
- package/dist/components/InkTabs/InkTabs.js +104 -0
- package/dist/components/InkTabs/index.d.ts +2 -0
- package/dist/components/InkTabs/index.d.ts.map +1 -0
- package/dist/components/InkWorkspace/InkWorkspace.cjs +1 -0
- package/dist/components/InkWorkspace/InkWorkspace.d.ts +4 -0
- package/dist/components/InkWorkspace/InkWorkspace.d.ts.map +1 -0
- package/dist/components/InkWorkspace/InkWorkspace.js +317 -0
- package/dist/components/InkWorkspace/components/WorkspaceIcons.cjs +1 -0
- package/dist/components/InkWorkspace/components/WorkspaceIcons.d.ts +11 -0
- package/dist/components/InkWorkspace/components/WorkspaceIcons.d.ts.map +1 -0
- package/dist/components/InkWorkspace/components/WorkspaceIcons.js +39 -0
- package/dist/components/InkWorkspace/hooks/useInkWorkspace.cjs +1 -0
- package/dist/components/InkWorkspace/hooks/useInkWorkspace.d.ts +30 -0
- package/dist/components/InkWorkspace/hooks/useInkWorkspace.d.ts.map +1 -0
- package/dist/components/InkWorkspace/hooks/useInkWorkspace.js +72 -0
- package/dist/components/InkWorkspace/index.d.ts +4 -0
- package/dist/components/InkWorkspace/index.d.ts.map +1 -0
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/constants/collab.const.cjs +1 -0
- package/dist/constants/collab.const.d.ts +20 -0
- package/dist/constants/collab.const.d.ts.map +1 -0
- package/dist/constants/collab.const.js +54 -0
- package/dist/constants/index.d.ts +2 -0
- package/dist/constants/index.d.ts.map +1 -1
- package/dist/constants/numbers.cjs +1 -1
- package/dist/constants/numbers.js +42 -37
- package/dist/constants/workspace.const.cjs +1 -0
- package/dist/constants/workspace.const.d.ts +24 -0
- package/dist/constants/workspace.const.d.ts.map +1 -0
- package/dist/constants/workspace.const.js +23 -0
- package/dist/hooks/index.d.ts +2 -0
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/useInkCollaboration.cjs +1 -0
- package/dist/hooks/useInkCollaboration.d.ts +4 -0
- package/dist/hooks/useInkCollaboration.d.ts.map +1 -0
- package/dist/hooks/useInkCollaboration.js +86 -0
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +5 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +150 -135
- package/dist/plugins/theme/inkTheme.cjs +1 -1
- package/dist/plugins/theme/inkTheme.js +19 -22
- package/dist/styles.css +1 -1
- package/dist/types/collab.types.d.ts +55 -0
- package/dist/types/collab.types.d.ts.map +1 -0
- package/dist/types/index.d.ts +2 -0
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/ink.types.d.ts +4 -0
- package/dist/types/ink.types.d.ts.map +1 -1
- package/dist/types/workspace.types.d.ts +54 -0
- package/dist/types/workspace.types.d.ts.map +1 -0
- package/dist/utils/collab.utils.cjs +1 -0
- package/dist/utils/collab.utils.d.ts +5 -0
- package/dist/utils/collab.utils.d.ts.map +1 -0
- package/dist/utils/collab.utils.js +32 -0
- package/dist/utils/collab.utils.test.d.ts +2 -0
- package/dist/utils/collab.utils.test.d.ts.map +1 -0
- package/dist/utils/index.d.ts +2 -0
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/ink.brand.test.d.ts +2 -0
- package/dist/utils/ink.brand.test.d.ts.map +1 -0
- package/dist/utils/workspace.utils.cjs +1 -0
- package/dist/utils/workspace.utils.d.ts +5 -0
- package/dist/utils/workspace.utils.d.ts.map +1 -0
- package/dist/utils/workspace.utils.js +26 -0
- package/dist/utils/workspace.utils.test.d.ts +2 -0
- package/dist/utils/workspace.utils.test.d.ts.map +1 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,15 @@
|
|
|
2
2
|
|
|
3
3
|
## [Unreleased]
|
|
4
4
|
|
|
5
|
+
## 1.1.9
|
|
6
|
+
|
|
7
|
+
### Added
|
|
8
|
+
- **Multi-Document Tabs (`InkTabs`)** (INK-77): Switch between multiple open document buffers, preserve isolated undo/redo history, dirty state indicator dot (●), and inline tab rename/close actions.
|
|
9
|
+
- **Workspace Document Tree & File Explorer (`InkWorkspace`)** (INK-78): Collapsible sidebar tree with document search, folder hierarchy, document create/rename/duplicate/delete, and status counters.
|
|
10
|
+
- **Real-Time Presence & Remote Collaborators** (INK-79): Avatar presence stack in the toolbar, remote colored collaborator carets and selection overlays with name tags, and `useInkCollaboration` hook.
|
|
11
|
+
- **Split-Screen Dual Buffer View** (INK-80): Side-by-side (vertical) or stacked (horizontal) split editing to view and edit two documents simultaneously.
|
|
12
|
+
- **Portal Workspace & Collaboration Integration** (INK-81): Multi-document workspace demo and live collaboration playground.
|
|
13
|
+
|
|
5
14
|
## 1.1.8
|
|
6
15
|
|
|
7
16
|
### Added
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),r=require("react"),C=require("../../constants/numbers.cjs"),E=require("../../constants/generals.const.cjs"),f=require("../../constants/toolbar.const.cjs"),I=require("../../constants/toolbarMenu.const.cjs"),An=require("../../constants/colorMode.const.cjs"),fe=require("../../constants/keyboard.const.cjs"),Ot=require("../../constants/fonts.const.cjs"),dt=require("../../constants/lists.const.cjs"),v=require("../../constants/findReplaceMenu.const.cjs"),Lt=require("../../constants/blocks.const.cjs"),s=require("../../constants/defaults.const.cjs"),Mr=require("../../constants/aiModels.const.cjs");require("../../constants/openai.const.cjs");const Rn=require("../../constants/defaultIcons.cjs"),O=require("../../constants/contextMenu.const.cjs"),Ce=require("../../constants/table.const.cjs"),Hr=require("../../utils/cn.utils.cjs"),Dr=require("../../utils/typo.utils.cjs"),mn=require("../../utils/id.utils.cjs"),P=require("../../utils/table.utils.cjs"),h=require("../../utils/blocks.utils.cjs"),y=require("../../utils/trackChanges.utils.cjs"),Nt=require("../../utils/comments.utils.cjs"),It=require("../../utils/history.utils.cjs"),pn=require("../../utils/slash.utils.cjs"),kr=require("../../utils/words.utils.cjs"),x=require("../../utils/outline.utils.cjs"),W=require("../../utils/premium.utils.cjs"),ft=require("../../utils/paste.utils.cjs"),Sn=require("../../utils/memory.utils.cjs"),Ur=require("../../utils/findReplace.utils.cjs"),Ae=require("../../utils/selection.utils.cjs"),le=require("../../utils/toolbarStorage.utils.cjs"),xr=require("../../plugins/titles/titles.const.cjs"),hn=require("../../plugins/titles/titles.utils.cjs"),gn=require("../../plugins/excel/excel.utils.cjs"),se=require("../../plugins/graph/graph.const.cjs"),G=require("../../plugins/graph/graph.utils.cjs"),Kr=require("../../plugins/theme/theme.const.cjs"),Fr=require("../../plugins/theme/inkTheme.cjs"),Re=require("../../plugins/host/inkPlugins.cjs"),wr=require("../../hooks/useToolbarOverflow.cjs"),vr=require("../../common-components/Button/Button.cjs"),Bn=require("../../common-components/ContextMenu/ContextMenu.cjs"),_=require("./helpers/format.utils.cjs"),yr=require("../../plugins/ai/aiPlugin.cjs"),g=require("./components/ToolbarButton/ToolbarButton.cjs"),He=require("./components/ToolbarDropdown/ToolbarDropdown.cjs"),bn=require("./components/ToolbarColorPicker/ToolbarColorPicker.cjs"),Gr=require("./components/CommentsPanel/CommentsPanel.cjs"),qr=require("./components/AiPanel/AiPanel.cjs"),Xr=require("./components/AiAutocomplete/AiAutocomplete.cjs"),Pn=require("./components/AiAutocomplete/AiAutocomplete.const.cjs"),Ct=require("./components/AiAutocomplete/AiAutocomplete.utils.cjs"),jr=require("./components/BlockHandles/BlockHandles.cjs"),De=require("./components/BlockHandles/BlockHandles.const.cjs"),Wr=require("./components/InlineToolbar/InlineToolbar.cjs"),ke=require("./components/InlineToolbar/InlineToolbar.const.cjs"),Mn=require("./components/InlineToolbar/InlineToolbar.utils.cjs"),Zr=require("./components/SlashMenu/SlashMenu.cjs"),Vr=require("./components/OutlineRail/OutlineRail.cjs"),Yr=require("./components/TrackChangesBar/TrackChangesBar.cjs"),zr=require("./components/SignPad/SignPad.cjs"),$r=require("./components/FindReplace/FindReplace.cjs"),Qr=require("./components/ToolbarCustomize/ToolbarCustomize.cjs"),Jr=require("./components/HtmlSourcePanel/HtmlSourcePanel.cjs"),el=require("./components/TableSizePicker/TableSizePicker.cjs"),tl=require("./components/TitleGallery/TitleGallery.cjs"),nl=require("./components/ExcelSheetPanel/ExcelSheetPanel.cjs"),ol=require("./components/GraphPicker/GraphPicker.cjs"),rl=require("./components/GraphEditModal/GraphEditModal.cjs"),ll=require("./components/ThemePicker/ThemePicker.cjs"),At=()=>{const H=window.getSelection();if(!H||H.rangeCount===C.NUMBER_ZERO)return"";const b=H.getRangeAt(C.NUMBER_ZERO),D=document.createElement("div");return D.appendChild(b.cloneContents()),D.innerHTML},B=H=>{H==null||H.focus({preventScroll:!0})},sl=H=>{var fn;const{value:b,defaultValue:D="",onChange:k,placeholder:Rt=s.INK_PLACEHOLDER_DEFAULT,disabled:c=!1,readOnly:a=!1,minHeight:Ue=C.INK_MIN_HEIGHT,maxHeight:xe,toolbar:Hn,className:Dn="",testId:kn,allowImagePaste:mt=!0,showCharCount:pt=!1,charCountMax:St,typoAutoFix:Un=!0,variant:me=s.INK_DEFAULT_VARIANT,chrome:xn=s.INK_DEFAULT_CHROME,colorMode:ht=An.INK_DEFAULT_COLOR_MODE,features:Kn,author:Z=s.INK_DEFAULT_AUTHOR,trackChanges:ie,onTrackChangesChange:Ke,trackChangesEnabled:pe,onTrackChangesEnabledChange:Fe,comments:ce,onCommentsChange:we,showCommentsPanel:ae,onShowCommentsPanelChange:ve,ai:A,slashCommands:Fn,tableRows:wn=s.INK_TABLE_DEFAULT_ROWS,tableCols:vn=s.INK_TABLE_DEFAULT_COLS,premium:yn,theme:Gn,icons:gt,pasteMode:qn="plain",onImageUpload:Bt,wysiwyg:Xn=!1,keepInMemory:V=!1,memoryKey:Y,onToolbarChange:ye,toolbarHidden:z,onToolbarHiddenChange:Ge,showOutline:jn,onOutlineChange:qe,style:Wn,...Zn}=H,Se=Hn??(me===s.INK_VARIANT_DOCUMENT?s.INK_CHROME_TOOLBAR:s.INK_DEFAULT_TOOLBAR),u={...s.INK_DEFAULT_FEATURES,...Kn},$=W.resolveInkPremium(yn),Vn=W.hasInkPremiumFeature($,"icons"),Yn=W.hasInkPremiumFeature($,"theme"),zn=W.hasInkPremiumFeature($,"richPaste"),$n=W.hasInkPremiumFeature($,"imageUpload"),Qn=W.hasInkPremiumFeature($,"wysiwyg")&&Xn,R=Vn&>?{...Rn.INK_DEFAULT_ICONS,...gt}:Rn.INK_DEFAULT_ICONS,Jn=Yn?W.themeTokensToStyle(Gn):{},eo=zn&&qn==="rich",o=r.useRef(null),he=r.useRef(null),ue=r.useRef(new It.InkHistoryStack(b??D)),Q=r.useRef(null),q=r.useRef(null),ge=r.useRef(E.EMPTY_STRING),[Xe,to]=r.useState(new Set),[no,bt]=r.useState("p"),[oo,ro]=r.useState(C.NUMBER_ZERO),[lo,so]=r.useState(C.NUMBER_ZERO),[io,Pt]=r.useState(C.NUMBER_ONE),[co,Mt]=r.useState(C.NUMBER_ONE),[ao,J]=r.useState([]),[uo,_o]=r.useState(C.NUMBER_ZERO),[To,je]=r.useState(E.EMPTY_STRING),[Eo,Oo]=r.useState(C.INK_DEFAULT_TEXT_COLOR),[Lo,No]=r.useState(C.INK_DEFAULT_HIGHLIGHT_COLOR),[ee,Ht]=r.useState(pe??!1),[Io,Dt]=r.useState(ie??[]),[fo,kt]=r.useState(ce??[]),[Co,Ut]=r.useState(ae??!1),[xt,_e]=r.useState(!!(A!=null&&A.enabled&&A.openOnInit)),[Be,Ao]=r.useState(!1),Kt=r.useRef(!1),[K,Te]=r.useState({visible:!1,suggestion:"",top:C.NUMBER_ZERO,left:C.NUMBER_ZERO}),Ee=r.useRef(null),te=r.useRef(C.NUMBER_ZERO),[Ft,Ro]=r.useState(""),[mo,po]=r.useState(0),[So,wt]=r.useState(!1),[ho,be]=r.useState([]),[vt,go]=r.useState({top:0,left:0}),[yt,We]=r.useState(!1),[Ze,Pe]=r.useState(!1),[Oe,Gt]=r.useState(!1),[qt,Xt]=r.useState(E.EMPTY_STRING),[Bo,bo]=r.useState(v.FIND_REPLACE_FOCUS_FIND),[Po,Mo]=r.useState(Ot.FONT_VALUE_SYSTEM),[Ho,jt]=r.useState(dt.LIST_VALUE_BULLET),[Do,ko]=r.useState(v.FIND_REPLACE_FOCUS_FIND),[Ve,Ye]=r.useState({open:!1,x:C.NUMBER_ZERO,y:C.NUMBER_ZERO}),[Uo,Wt]=r.useState(!1),[ze,$e]=r.useState({open:!1,x:C.NUMBER_ZERO,y:C.NUMBER_ZERO}),[Qe,ne]=r.useState({open:!1,top:C.NUMBER_ZERO,left:C.NUMBER_ZERO}),[oe,Zt]=r.useState(()=>le.readToolbarItems(V,Y)??Se),[xo,Vt]=r.useState(()=>z!==void 0?z:le.readToolbarHidden(V,Y)??!1),[Ko,Yt]=r.useState(!1),zt=r.useRef(!0),Fo=Se.join(","),F=ie??Io,de=ce??fo,Je=ae??Co,$t=Fn??u.slash,[et,wo]=r.useState(()=>jn??me===s.INK_VARIANT_DOCUMENT),[Qt,m]=r.useState(E.EMPTY_STRING),[vo,yo]=r.useState(!1),re=r.useRef(null),[Go,tt]=r.useState(!1),[qo,Xo]=r.useState("values"),[jo,Wo]=r.useState(se.GRAPH_SAMPLE),[Zo,Vo]=r.useState(()=>G.parseGraphColors(null)),[Yo,zo]=r.useState(Kr.THEME_DEFAULT),[Jt,$o]=r.useState(!1),Qo=!!(u.outline&&et),X=wr.useToolbarOverflow(oe.length),en=z??xo,tn=Se,Jo=le.listCustomizableToolbarOptions(tn),nt=ht===An.COLOR_MODE_SYSTEM?void 0:ht,ot=!!(u.ai&&(A!=null&&A.enabled)&&A.autocomplete!==!1&&!c&&!a),rt=()=>{Ee.current!==null&&(window.clearTimeout(Ee.current),Ee.current=null)},U=()=>{rt(),te.current+=1,Te(e=>e.visible||e.suggestion?{visible:!1,suggestion:"",top:C.NUMBER_ZERO,left:C.NUMBER_ZERO}:e)},er=()=>{if(!ot||Be||!o.current){U();return}const e=window.getSelection();if(!e||!e.isCollapsed){U();return}rt(),Te(n=>n.visible||n.suggestion?{...n,visible:!1,suggestion:""}:n);const t=(A==null?void 0:A.providerId)||Mr.INK_AI_DEMO_PROVIDER_ID;Ee.current=window.setTimeout(()=>{if(Ee.current=null,!o.current||Kt.current)return;const n=window.getSelection();if(!n||!n.isCollapsed)return;const i=Ct.getTextBeforeCaret(o.current),T=Ct.getCaretPositionInRoot(o.current);if(!i.trim()||!T)return;const N=te.current+1;te.current=N;const p=o.current.innerHTML;yr.inkAi.runProvider(t,{capability:"autocomplete",html:p,prompt:i,modelId:A==null?void 0:A.modelId}).then(L=>{var Ie;if(N!==te.current)return;const S=((Ie=L.text)==null?void 0:Ie.trim())||"";if(!S){Te({visible:!1,suggestion:"",top:C.NUMBER_ZERO,left:C.NUMBER_ZERO});return}const Me=o.current&&Ct.getCaretPositionInRoot(o.current)||T;Te({visible:!0,suggestion:S,top:Me.top,left:Me.left})}).catch(()=>{N===te.current&&Te({visible:!1,suggestion:"",top:C.NUMBER_ZERO,left:C.NUMBER_ZERO})})},Pn.AI_AUTOCOMPLETE_DEBOUNCE_MS)};r.useEffect(()=>()=>{rt(),te.current+=1},[]),r.useEffect(()=>{Kt.current=Be,Be&&U()},[Be]),r.useEffect(()=>{pe!==void 0&&Ht(pe)},[pe]),r.useEffect(()=>{ie&&Dt(ie)},[ie]),r.useEffect(()=>{ce&&kt(ce)},[ce]),r.useEffect(()=>{ae!==void 0&&Ut(ae)},[ae]),r.useEffect(()=>{z!==void 0&&Vt(z)},[z]),r.useEffect(()=>{if(zt.current){zt.current=!1;return}Zt(Se)},[Fo]),r.useEffect(()=>{if(!o.current||b===void 0||b===Q.current)return;if(o.current.innerHTML===b){Q.current=b;return}const e=document.activeElement===o.current;Ae.withPreservedSelection(e?o.current:null,()=>{o.current&&(o.current.innerHTML=b)}),Q.current=b},[b]),r.useEffect(()=>{if(!o.current)return;const e=V?Sn.readInkMemory(Y):"";if(e){o.current.innerHTML=e,Q.current=e,ue.current=new It.InkHistoryStack(e),k==null||k(e),u.outline&&J(x.collectOutlineItems(o.current));return}if(b!==void 0){u.outline&&J(x.collectOutlineItems(o.current));return}D&&(o.current.innerHTML=D,Q.current=D,ue.current=new It.InkHistoryStack(D),k==null||k(D),u.outline&&J(x.collectOutlineItems(o.current)))},[]),r.useEffect(()=>{const e=()=>{$o(document.fullscreenElement===he.current)};return document.addEventListener("fullscreenchange",e),()=>document.removeEventListener("fullscreenchange",e)},[]);const lt=e=>{if(ue.current.push(e),Q.current=e,k==null||k(e),V&&Sn.writeInkMemory(e,Y),pt&&o.current){const n=o.current.textContent??E.EMPTY_STRING;ro(n.length),so(kr.countWords(n))}u.outline&&J(x.collectOutlineItems(o.current));const t=x.getCaretLineCol(o.current);Pt(t.line),Mt(t.col)},w=e=>{o.current&&(Ae.withPreservedSelection(o.current,()=>{o.current&&(o.current.innerHTML=e)}),lt(e))},st=e=>{Vt(e),Ge==null||Ge(e),le.writeToolbarHidden(e,V,Y)},tr=e=>{Zt(e),ye==null||ye(e),le.writeToolbarItems(e,V,Y)},nr=(e,t)=>{if(e===I.TOOLBAR_OPTION_DIVIDER)return;const n=new Set(oe.filter(i=>i!==I.TOOLBAR_OPTION_DIVIDER));t?n.add(e):n.delete(e),tr(le.buildVisibleToolbarItems(tn,n))},Le=e=>{Dt(e),Ke==null||Ke(e)},it=e=>{kt(e),we==null||we(e)},ct=e=>{Ut(e),ve==null||ve(e)},or=e=>{Ht(e),Fe==null||Fe(e)},rr=()=>{if(c||a){ne(T=>T.open?{...T,open:!1}:T);return}const e=window.getSelection();if(!e||e.isCollapsed||e.rangeCount===0||!Mn.selectionIsInsideElement(e,o.current)){ne(T=>T.open?{...T,open:!1}:T);return}const n=e.getRangeAt(0).getBoundingClientRect();if(n.width===0&&n.height===0){ne(T=>T.open?{...T,open:!1}:T);return}const i=Mn.clampInlineToolbarPosition({selectionRect:n,toolbarWidth:ke.INLINE_TOOLBAR_ESTIMATED_WIDTH_PX,toolbarHeight:ke.INLINE_TOOLBAR_ESTIMATED_HEIGHT_PX,viewport:{width:window.innerWidth,height:window.innerHeight},gap:ke.INLINE_TOOLBAR_GAP_PX,edgePadding:ke.INLINE_TOOLBAR_EDGE_PADDING_PX});ne({open:!0,top:i.top,left:i.left})},Ne=()=>{var p;to(_.getActiveFormats());const e=_.queryCommandValue("formatBlock");e&&bt(e.toLowerCase().replace(/[<>]/g,"")),jt(_.detectListType()),Ro(At());const t=(p=window.getSelection())==null?void 0:p.toString().trim();t&&(ge.current=t),rr();const n=x.getCaretLineCol(o.current);if(Pt(n.line),Mt(n.col),u.outline&&J(x.collectOutlineItems(o.current)),!o.current||!u.blocks)return;const i=window.getSelection(),T=(i==null?void 0:i.anchorNode)??null,N=h.getBlockElement(T,o.current);if(h.markActiveBlock(o.current,N),N){const L=o.current.getBoundingClientRect(),S=N.getBoundingClientRect();po(S.top-L.top+o.current.scrollTop),wt(!0)}else wt(!1)},d=()=>{var t,n,i;if(!o.current)return;let e=o.current.innerHTML;if(ee&&u.trackChanges){const T=window.getSelection();if(T&&!T.isCollapsed){const N=At();if(N){const p=y.createTrackChange("delete",N,Z);Le([...F,p]),lr(p.id),e=o.current.innerHTML}}}if(lt(e),Ne(),$t&&o.current){const T=((n=(t=window.getSelection())==null?void 0:t.anchorNode)==null?void 0:n.textContent)??"",N=pn.extractSlashQuery(T);if(N!==null){je(N),be(pn.filterSlashCommands(N));const p=(i=window.getSelection())==null?void 0:i.getRangeAt(0);if(p&&o.current){const L=p.getBoundingClientRect(),S=o.current.getBoundingClientRect();go({top:L.bottom-S.top+8,left:L.left-S.left})}}else je(E.EMPTY_STRING),be([])}ot?er():U()};r.useEffect(()=>{const e=o.current;if(!e||c||a||!u.table)return;const t=i=>{const T=i.target;if(!(T instanceof Element))return;const N=T.closest(Ce.TABLE_CELL_SELECTOR);if(!N||!e.contains(N))return;const p=N.closest(Ce.TABLE_TAG);if(!p)return;const L=P.getColumnResizeIndex(i.clientX,N,C.INK_TABLE_COL_RESIZE_EDGE_PX);if(L===null)return;i.preventDefault();const S=i.clientX,Me=N.getBoundingClientRect().width;p.classList.add(s.INK_CLASS_TABLE_RESIZE);const Ie=Pr=>{P.setTableColumnWidth(p,L,Me+(Pr.clientX-S))},Cn=()=>{p.classList.remove(s.INK_CLASS_TABLE_RESIZE),document.removeEventListener("pointermove",Ie),document.removeEventListener("pointerup",Cn),d()};document.addEventListener("pointermove",Ie),document.addEventListener("pointerup",Cn)},n=i=>{const T=i.target;if(!(T instanceof Element))return;const N=T.closest(Ce.TABLE_CELL_SELECTOR);if(e.querySelectorAll(Ce.TABLE_TAG).forEach(S=>{S.classList.contains(s.INK_CLASS_TABLE_RESIZE)||S.classList.remove(s.INK_CLASS_TABLE_RESIZE)}),!N||!e.contains(N))return;const L=N.closest(Ce.TABLE_TAG);L&&P.getColumnResizeIndex(i.clientX,N,C.INK_TABLE_COL_RESIZE_EDGE_PX)!==null&&L.classList.add(s.INK_CLASS_TABLE_RESIZE)};return e.addEventListener("pointerdown",t),e.addEventListener("pointermove",n),()=>{e.removeEventListener("pointerdown",t),e.removeEventListener("pointermove",n)}},[c,a,u.table]);const nn=()=>{const e=K.suggestion;if(!e){U();return}B(o.current),_.execCommand(Pn.AI_AUTOCOMPLETE_COMMAND_INSERT_TEXT,e),U(),d()},lr=e=>{const t=window.getSelection();if(!t||t.rangeCount===0)return;const n=At();n&&_.insertHTML(y.wrapDeleteHtml(n,e))},sr=()=>{if(!o.current||!Un||!u.typoAutoFix||c||a)return;const e=o.current.innerHTML,t=Dr.applyTypoAutoFix(e);t.html!==e&&(Ae.withPreservedSelection(o.current,()=>{o.current&&(o.current.innerHTML=t.html)}),lt(t.html))},M=e=>{if(c||a)return;if(B(o.current),e==="clearFormat"){_.clearFormatDeep(),d();return}if(e==="directionLtr"&&o.current){_.setBlockDirection(o.current,Lt.DIR_LTR),d();return}if(e==="directionRtl"&&o.current){_.setBlockDirection(o.current,Lt.DIR_RTL),d();return}if(e===f.TOOLBAR_OPTION_CHECKLIST){_.insertHTML(s.INK_CHECKLIST_HTML),d();return}const t=s.INK_BUTTON_CONFIG[e];t&&(t.value?_.execCommand(t.command,t.value):_.execCommand(t.command),d())},ir=e=>{c||a||(B(o.current),_.execCommand("formatBlock",e),bt(e),d())},cr=e=>{c||a||(B(o.current),_.applyFontFamily(e),Mo(e),d())},ar=e=>{c||a||(B(o.current),_.applyListType(e),jt(e),d())},on=e=>{bo(e),ko(e),Pe(!0)},ur=e=>{if(c||a)return;const t=e===v.FIND_REPLACE_VALUE_REPLACE?v.FIND_REPLACE_FOCUS_REPLACE:v.FIND_REPLACE_FOCUS_FIND;on(t)},at=()=>{var i;if(c||a)return;const e=Ae.captureSelectionInRoot(o.current),t=((i=window.getSelection())==null?void 0:i.toString().trim())||ge.current,n=window.prompt(E.INK_LINK_PROMPT,E.INK_LINK_PROMPT_DEFAULT);n&&(B(o.current),Ae.restoreSelectionInRoot(o.current,e),_.insertLink(n,t),d())},ut=e=>{c||a||(B(o.current),_.insertHTML(e),d())},_r=e=>{var n;const t=((n=window.getSelection())==null?void 0:n.toString().trim())||ge.current;ut(hn.buildTitleHtml(e,t||E.INK_TITLES_DEFAULT_TEXT))},rn=async e=>$n&&Bt?Bt(e):_.fileToDataUrl(e),ln=async()=>{if(c||a)return;const e=document.createElement("input");e.type="file",e.accept="image/*",e.onchange=async()=>{var i;const t=(i=e.files)==null?void 0:i[0];if(!t)return;const n=await rn(t);B(o.current),_.insertImage(n,t.name),d()},e.click()},sn=(e=wn,t=vn)=>{if(c||a||!u.table)return;B(o.current);const n=P.buildTableHtml(e,t);if(ee&&u.trackChanges){const i=y.createTrackChange("insert",n,Z);Le([...F,i]),_.insertHTML(y.wrapInsertHtml(n,i.id))}else _.insertHTML(n);d()},cn=()=>{const e=ue.current.undo();if(e===null||!o.current){_.execCommand("undo"),d();return}w(e)},an=()=>{const e=ue.current.redo();if(e===null||!o.current){_.execCommand("redo"),d();return}w(e)},Tr=e=>{if(c||a)return;e.preventDefault(),$e(n=>n.open?{...n,open:!1}:n);const t=u.graph?G.getGraphBlock(e.target):null;re.current=t,yo(!!t),Wt(!!(u.table&&P.getTableCellFromSelection())),Ye({open:!0,x:e.clientX,y:e.clientY})},_t=e=>{const t=re.current;if(!t)return;const n=G.parseGraphPoints(t.getAttribute(s.INK_ATTR_GRAPH_POINTS));G.replaceGraphBlock(t,e,n.length?n:se.GRAPH_SAMPLE),re.current=null,d()},un=e=>{const t=re.current;if(!t)return;const n=G.parseGraphPoints(t.getAttribute(s.INK_ATTR_GRAPH_POINTS));Wo(n.length?n:se.GRAPH_SAMPLE),Vo(G.parseGraphColors(t.getAttribute(s.INK_ATTR_GRAPH_COLORS))),Xo(e),tt(!0)},Er=(e,t)=>{const n=re.current;if(!n)return;const i=n.getAttribute(s.INK_ATTR_GRAPH)??se.GRAPH_KIND_DEFAULT;G.replaceGraphBlock(n,i,e,t),tt(!1),d()},_n=()=>{const e=he.current;if(!(!e||!u.fullscreen)){if(document.fullscreenElement){document.exitFullscreen();return}e.requestFullscreen()}},Or=()=>{const e=re.current;if(e){const t=document.createRange();t.selectNodeContents(e);const n=window.getSelection();n==null||n.removeAllRanges(),n==null||n.addRange(t)}_e(!0)},Tn=()=>{const e=!et;wo(e),e&&o.current&&J(x.collectOutlineItems(o.current)),qe==null||qe(e)},dr=e=>{c||a||(e.preventDefault(),Ye(t=>t.open?{...t,open:!1}:t),$e({open:!0,x:e.clientX,y:e.clientY}))},En=()=>{if(c||a||!u.comments)return;const e=window.prompt("Comment:");if(!(e!=null&&e.trim()))return;const t=mn.createInkId("hl");if(B(o.current),!Nt.wrapSelectionAsComment(t))return;const i=Nt.createCommentThread(Z,e.trim(),t);it([i,...de]),ct(!0),d()},Lr=[{id:I.TOOLBAR_CONTEXT_MENU_ID_CUSTOMIZE,label:I.TOOLBAR_CONTEXT_MENU_LABEL_CUSTOMIZE,onSelect:()=>Yt(!0)},{id:I.TOOLBAR_CONTEXT_MENU_ID_HIDE,label:I.TOOLBAR_CONTEXT_MENU_LABEL_HIDE,onSelect:()=>st(!0)}],j=e=>{const t=P.getTableCellFromSelection();!t||!u.table||e(t)&&d()},Nr=u.table&&Uo?[{id:O.CONTEXT_MENU_ID_TABLE_ROW_ABOVE,label:O.CONTEXT_MENU_LABEL_TABLE_ROW_ABOVE,onSelect:()=>j(e=>P.insertTableRow(e,"before"))},{id:O.CONTEXT_MENU_ID_TABLE_ROW_BELOW,label:O.CONTEXT_MENU_LABEL_TABLE_ROW_BELOW,onSelect:()=>j(e=>P.insertTableRow(e,"after"))},{id:O.CONTEXT_MENU_ID_TABLE_COL_LEFT,label:O.CONTEXT_MENU_LABEL_TABLE_COL_LEFT,onSelect:()=>j(e=>P.insertTableColumn(e,"before"))},{id:O.CONTEXT_MENU_ID_TABLE_COL_RIGHT,label:O.CONTEXT_MENU_LABEL_TABLE_COL_RIGHT,onSelect:()=>j(e=>P.insertTableColumn(e,"after"))},{id:O.CONTEXT_MENU_ID_TABLE_DELETE_ROW,label:O.CONTEXT_MENU_LABEL_TABLE_DELETE_ROW,onSelect:()=>j(e=>P.deleteTableRow(e))},{id:O.CONTEXT_MENU_ID_TABLE_DELETE_COL,label:O.CONTEXT_MENU_LABEL_TABLE_DELETE_COL,onSelect:()=>j(e=>P.deleteTableColumn(e))},{id:O.CONTEXT_MENU_ID_TABLE_HEADER,label:O.CONTEXT_MENU_LABEL_TABLE_HEADER,onSelect:()=>j(e=>P.toggleTableHeaderRow(e))}]:[],Ir=[...u.graph&&vo?[{id:E.CONTEXT_MENU_ID_GRAPH_BAR,label:E.CONTEXT_MENU_LABEL_GRAPH_BAR,onSelect:()=>_t("bar")},{id:E.CONTEXT_MENU_ID_GRAPH_LINE,label:E.CONTEXT_MENU_LABEL_GRAPH_LINE,onSelect:()=>_t("line")},{id:E.CONTEXT_MENU_ID_GRAPH_PIE,label:E.CONTEXT_MENU_LABEL_GRAPH_PIE,onSelect:()=>_t("pie")},{id:E.CONTEXT_MENU_ID_GRAPH_EDIT,label:E.CONTEXT_MENU_LABEL_GRAPH_EDIT,onSelect:()=>un("values")},{id:E.CONTEXT_MENU_ID_GRAPH_COLORS,label:E.CONTEXT_MENU_LABEL_GRAPH_COLORS,onSelect:()=>un("colors")},{id:E.CONTEXT_MENU_ID_GRAPH_AI,label:E.CONTEXT_MENU_LABEL_GRAPH_AI,onSelect:Or}]:[],...Nr,{id:O.CONTEXT_MENU_ID_BOLD,label:O.CONTEXT_MENU_LABEL_BOLD,onSelect:()=>M("bold")},{id:O.CONTEXT_MENU_ID_ITALIC,label:O.CONTEXT_MENU_LABEL_ITALIC,onSelect:()=>M("italic")},{id:O.CONTEXT_MENU_ID_UNDERLINE,label:O.CONTEXT_MENU_LABEL_UNDERLINE,onSelect:()=>M("underline")},{id:O.CONTEXT_MENU_ID_STRIKE,label:O.CONTEXT_MENU_LABEL_STRIKE,onSelect:()=>M("strikethrough")},{id:O.CONTEXT_MENU_ID_HEADING,label:O.CONTEXT_MENU_LABEL_HEADING,onSelect:()=>M("heading2")},{id:O.CONTEXT_MENU_ID_BULLET,label:O.CONTEXT_MENU_LABEL_BULLET,onSelect:()=>M("bulletList")},{id:O.CONTEXT_MENU_ID_ORDERED,label:O.CONTEXT_MENU_LABEL_ORDERED,onSelect:()=>M("orderedList")},{id:O.CONTEXT_MENU_ID_LINK,label:O.CONTEXT_MENU_LABEL_LINK,onSelect:()=>at()},{id:O.CONTEXT_MENU_ID_CLEAR,label:O.CONTEXT_MENU_LABEL_CLEAR,onSelect:()=>M("clearFormat")},{id:O.CONTEXT_MENU_ID_FIND,label:O.CONTEXT_MENU_LABEL_FIND,disabled:!u.findReplace,onSelect:()=>Pe(!0)},{id:O.CONTEXT_MENU_ID_SIGNATURE,label:O.CONTEXT_MENU_LABEL_SIGNATURE,disabled:!u.signature,onSelect:()=>We(!0)},{id:O.CONTEXT_MENU_ID_COMMENT,label:O.CONTEXT_MENU_LABEL_COMMENT,disabled:!u.comments,onSelect:()=>En()},...en?[{id:I.CONTEXT_MENU_ID_SHOW_TOOLBAR,label:I.CONTEXT_MENU_LABEL_SHOW_TOOLBAR,onSelect:()=>st(!1)}]:[]],On=e=>{if(!o.current)return;const t=y.acceptTrackChangeInHtml(o.current.innerHTML,e);w(t),Le(F.map(n=>n.id===e?{...n,accepted:!0}:n))},dn=e=>{if(!o.current)return;const t=y.rejectTrackChangeInHtml(o.current.innerHTML,e);w(t),Le(F.map(n=>n.id===e?{...n,rejected:!0}:n))},Ln=async e=>{const t=await rn(e),n=`<img src="${t}" alt="" style="max-width:100%;height:auto;" />`;if(ee&&u.trackChanges){const i=y.createTrackChange("insert",n,Z);Le([...F,i]),_.insertHTML(y.wrapInsertHtml(n,i.id))}else _.insertImage(t);d()},fr=async e=>{if(c||a)return;const t=e.clipboardData;if(!t)return;if(eo){const i=ft.extractClipboardHtml(t);if(i){e.preventDefault();const N=ft.sanitizePastedHtml(i);N&&(_.insertHTML(N),d());const p=t.items;if(mt&&p)for(const L of Array.from(p)){if(!L.type.startsWith("image/"))continue;const S=L.getAsFile();S&&await Ln(S)}return}const T=ft.extractClipboardText(t);if(T){e.preventDefault(),_.insertHTML(T.replace(/\n/g,"<br />")),d();return}}if(!mt)return;const n=t.items;if(n)for(const i of Array.from(n)){if(!i.type.startsWith("image/"))continue;e.preventDefault();const T=i.getAsFile();T&&await Ln(T)}},Cr=e=>{M(e)},Ar=e=>{if(e.key===fe.KEY_TAB&&K.visible&&K.suggestion){e.preventDefault(),nn();return}if(e.key===fe.KEY_ENTER){U();return}if(_.tryConvertMarkdownListPrefix(e.nativeEvent)){d();return}if(e.key===fe.KEY_ESCAPE){if(K.visible){e.preventDefault(),U();return}be([]),ne(t=>t.open?{...t,open:!1}:t)}if((e.metaKey||e.ctrlKey)&&e.key.toLowerCase()===fe.KEY_K){e.preventDefault(),u.ai&&(A!=null&&A.enabled)&&_e(!0);return}(e.metaKey||e.ctrlKey)&&e.key===fe.KEY_Z&&(e.preventDefault(),e.shiftKey?an():cn())},Rr=e=>{var n;B(o.current);const t=window.getSelection();if((n=t==null?void 0:t.anchorNode)!=null&&n.textContent){const T=t.anchorNode.textContent.replace(/(?:^|\s)\/[^\s]*$/," ");t.anchorNode.nodeType===Node.TEXT_NODE&&(t.anchorNode.textContent=T)}switch(je(E.EMPTY_STRING),be([]),e.insert){case"heading1":_.execCommand("formatBlock",s.INK_FORMAT_BLOCK_H1);break;case"heading2":_.execCommand("formatBlock",s.INK_FORMAT_BLOCK_H2);break;case"heading3":_.execCommand("formatBlock",s.INK_FORMAT_BLOCK_H3);break;case"paragraph":_.execCommand("formatBlock",s.INK_FORMAT_BLOCK_P);break;case"bulletList":_.execCommand("insertUnorderedList");break;case"orderedList":_.execCommand("insertOrderedList");break;case"checklist":_.insertHTML(s.INK_CHECKLIST_HTML);break;case"quote":_.execCommand("formatBlock",s.INK_FORMAT_BLOCK_QUOTE);break;case"code":_.execCommand("formatBlock",s.INK_FORMAT_BLOCK_PRE);break;case"callout":_.insertHTML(s.INK_CALLOUT_HTML);break;case"table":sn();return;case"image":ln();return;case"ai":_e(!0);break;case"titles":_.insertHTML(hn.buildTitleHtml(xr.TITLE_STYLE_DEFAULT,ge.current||E.INK_TITLES_DEFAULT_TEXT));break;case"excel":_.insertHTML(gn.excelGridToTableHtml(gn.createEmptyExcelGrid()));break;case"graph":_.insertHTML(G.buildGraphHtml(se.GRAPH_KIND_DEFAULT,se.GRAPH_SAMPLE));break}d()},Nn=e=>{if(!o.current)return;const t=window.getSelection(),n=h.getBlockElement((t==null?void 0:t.anchorNode)??null,o.current);n&&h.moveBlock(n,e)&&(d(),Ne())},mr=e=>{if(!o.current)return;const t=window.getSelection(),n=h.getBlockElement((t==null?void 0:t.anchorNode)??null,o.current),i=o.current.querySelector(`.${s.INK_CLASS_BLOCK_ACTIVE}`),T=n??(i instanceof HTMLElement?i:null);if(!T){e.preventDefault();return}q.current=T,h.clearBlockDragClasses(o.current),h.markActiveBlock(o.current,T),h.markDraggingBlock(T),e.dataTransfer.setData(De.BLOCK_HANDLES_DRAG_MIME,De.BLOCK_HANDLES_DRAG_PAYLOAD),e.dataTransfer.effectAllowed=De.BLOCK_HANDLES_DRAG_EFFECT_MOVE},pr=e=>{if(!o.current||!q.current)return;e.preventDefault(),e.dataTransfer.dropEffect=De.BLOCK_HANDLES_DRAG_EFFECT_MOVE;const t=h.getBlockElement(e.target,o.current);if(!t||t===q.current){h.markDropTarget(o.current,null,null);return}const n=h.resolveDropPosition(e.clientY,t);h.markDropTarget(o.current,t,n)},Sr=e=>{if(!o.current||!q.current)return;e.preventDefault();const t=h.getBlockElement(e.target,o.current),n=q.current;t&&t!==n&&(h.resolveDropPosition(e.clientY,t)===Lt.BLOCK_DROP_POSITION_BEFORE?h.reorderBlockBefore(n,t):h.reorderBlockAfter(n,t))&&(d(),Ne()),h.clearBlockDragClasses(o.current),q.current=null},hr=()=>{o.current&&h.clearBlockDragClasses(o.current),q.current=null},Tt=(e,t)=>{var i,T,N,p;if(e==="divider")return l.jsx("span",{className:s.INK_CLASS_DIVIDER},`divider-${t}`);if(e==="headingDropdown")return l.jsx(He.ToolbarDropdown,{title:"Heading",options:s.INK_HEADING_OPTIONS,value:no||"p",disabled:c||a,onChange:ir},"heading");if(e===f.TOOLBAR_OPTION_FONT_DROPDOWN)return l.jsx(He.ToolbarDropdown,{title:Ot.FONT_DROPDOWN_TITLE,options:Ot.INK_FONT_OPTIONS,value:Po,disabled:c||a,onChange:cr},f.TOOLBAR_OPTION_FONT_DROPDOWN);if(e===f.TOOLBAR_OPTION_LIST_DROPDOWN)return l.jsx(He.ToolbarDropdown,{title:dt.LIST_DROPDOWN_TITLE,options:dt.INK_LIST_OPTIONS,value:Ho,disabled:c||a,onChange:ar},f.TOOLBAR_OPTION_LIST_DROPDOWN);if(e==="textColor")return l.jsx(bn.ToolbarColorPicker,{title:"Text color",type:"text",value:Eo,disabled:c||a,onChange:L=>{B(o.current),_.setTextColor(L),Oo(L),d()}},"textColor");if(e==="highlightColor")return l.jsx(bn.ToolbarColorPicker,{title:"Highlight color",type:"highlight",value:Lo,disabled:c||a,onChange:L=>{B(o.current),_.setHighlightColor(L),No(L),d()}},"highlightColor");if(e==="link")return l.jsx(g.ToolbarButton,{icon:R.link,title:"Insert link",hint:I.TOOLBAR_OPTION_HINTS.link,onHint:m,disabled:c||a,onClick:at},"link");if(e==="image")return l.jsx(g.ToolbarButton,{hint:I.TOOLBAR_OPTION_HINTS.image,onHint:m,icon:R.image,title:"Insert image",disabled:c||a,onClick:()=>{ln()}},"image");if(e===f.TOOLBAR_OPTION_CHECKLIST)return l.jsx(g.ToolbarButton,{icon:R.checklist,title:"Checklist",hint:I.TOOLBAR_OPTION_HINTS.checklist,onHint:m,disabled:c||a,onClick:()=>M(f.TOOLBAR_OPTION_CHECKLIST)},f.TOOLBAR_OPTION_CHECKLIST);if(e==="table")return u.table?l.jsx(el.TableSizePicker,{icon:R.table,disabled:c||a,onSelect:sn},"table"):null;if(e===f.TOOLBAR_OPTION_TITLES)return u.titles?l.jsx(tl.TitleGallery,{icon:R.titles,disabled:c||a,pluginColor:(i=Re.inkPlugins.get("titles"))==null?void 0:i.color,hint:I.TOOLBAR_OPTION_HINTS.titles,onHint:m,onSelect:_r},f.TOOLBAR_OPTION_TITLES):null;if(e===f.TOOLBAR_OPTION_EXCEL)return u.excel?l.jsx(nl.ExcelSheetPanel,{icon:R.excel,disabled:c||a,pluginColor:(T=Re.inkPlugins.get("excel"))==null?void 0:T.color,hint:I.TOOLBAR_OPTION_HINTS.excel,onHint:m,onInsert:ut},f.TOOLBAR_OPTION_EXCEL):null;if(e===f.TOOLBAR_OPTION_GRAPH)return u.graph?l.jsx(ol.GraphPicker,{icon:R.graph,disabled:c||a,pluginColor:(N=Re.inkPlugins.get("graph"))==null?void 0:N.color,hint:I.TOOLBAR_OPTION_HINTS.graph,onHint:m,onInsert:ut},f.TOOLBAR_OPTION_GRAPH):null;if(e===f.TOOLBAR_OPTION_THEME)return u.theme?l.jsx(ll.ThemePicker,{icon:R.theme,disabled:c,pluginColor:(p=Re.inkPlugins.get("theme"))==null?void 0:p.color,hint:I.TOOLBAR_OPTION_HINTS.theme,onHint:m,value:Yo,onChange:L=>{zo(L),Fr.applyInkTheme(he.current,L)}},f.TOOLBAR_OPTION_THEME):null;if(e===f.TOOLBAR_OPTION_FULLSCREEN)return u.fullscreen?l.jsx(g.ToolbarButton,{icon:R.fullscreen,title:Jt?E.INK_FULLSCREEN_EXIT_TITLE:E.INK_FULLSCREEN_TITLE,hint:I.TOOLBAR_OPTION_HINTS.fullscreen,onHint:m,active:Jt,disabled:c,onClick:_n},f.TOOLBAR_OPTION_FULLSCREEN):null;if(e===f.TOOLBAR_OPTION_OUTLINE)return u.outline?l.jsx(g.ToolbarButton,{icon:R.outline,title:E.INK_OUTLINE_TOGGLE_TITLE,hint:I.TOOLBAR_OPTION_HINTS.outline,onHint:m,active:et,disabled:c,onClick:Tn},f.TOOLBAR_OPTION_OUTLINE):null;if(e===f.TOOLBAR_OPTION_HTML_SOURCE)return u.htmlSource?l.jsx(g.ToolbarButton,{className:s.INK_CLASS_BUTTON_WIDE,icon:l.jsx("span",{className:s.INK_CLASS_BUTTON_LABEL,children:E.INK_HTML_SOURCE_LABEL}),title:E.INK_HTML_SOURCE_TITLE,hint:I.TOOLBAR_OPTION_HINTS.htmlSource,onHint:m,active:Oe,disabled:c,onClick:()=>{var L;if(Oe){a||w(qt),Gt(!1);return}Xt(((L=o.current)==null?void 0:L.innerHTML)??b??E.EMPTY_STRING),Gt(!0)}},f.TOOLBAR_OPTION_HTML_SOURCE):null;if(e===f.TOOLBAR_OPTION_SIGNATURE)return u.signature?l.jsx(g.ToolbarButton,{icon:R.signature,title:"Sign pad",hint:I.TOOLBAR_OPTION_HINTS.signature,onHint:m,active:yt,disabled:c||a,onClick:()=>We(!0)},f.TOOLBAR_OPTION_SIGNATURE):null;if(e===f.TOOLBAR_OPTION_FIND_REPLACE)return u.findReplace?l.jsx(g.ToolbarButton,{icon:R.findReplace,title:"Find and replace",hint:I.TOOLBAR_OPTION_HINTS.findReplace,onHint:m,active:Ze,disabled:c||a,onClick:()=>{Ze?Pe(!1):on(v.FIND_REPLACE_FOCUS_FIND)}},f.TOOLBAR_OPTION_FIND_REPLACE):null;if(e===f.TOOLBAR_OPTION_FIND_REPLACE_DROPDOWN)return u.findReplace?l.jsx(He.ToolbarDropdown,{title:v.FIND_REPLACE_DROPDOWN_TITLE,options:v.INK_FIND_REPLACE_OPTIONS,value:Do,disabled:c||a,onChange:ur},f.TOOLBAR_OPTION_FIND_REPLACE_DROPDOWN):null;if(e===f.TOOLBAR_OPTION_HORIZONTAL_RULE)return u.horizontalRule?l.jsx(g.ToolbarButton,{icon:R.horizontalRule,title:"Horizontal rule",hint:I.TOOLBAR_OPTION_HINTS.horizontalRule,onHint:m,disabled:c||a,onClick:()=>{B(o.current),_.insertHTML("<hr />"),d()}},f.TOOLBAR_OPTION_HORIZONTAL_RULE):null;if(e==="undo")return l.jsx(g.ToolbarButton,{icon:R.undo,title:"Undo",hint:I.TOOLBAR_OPTION_HINTS.undo,onHint:m,disabled:c||a,onClick:cn},"undo");if(e==="redo")return l.jsx(g.ToolbarButton,{icon:R.redo,title:"Redo",hint:I.TOOLBAR_OPTION_HINTS.redo,onHint:m,disabled:c||a,onClick:an},"redo");if(e==="trackChanges")return u.trackChanges?l.jsx(g.ToolbarButton,{icon:R.trackChanges,title:"Track changes",hint:I.TOOLBAR_OPTION_HINTS.trackChanges,onHint:m,active:ee,disabled:c||a,onClick:()=>or(!ee)},"trackChanges"):null;if(e==="comments")return u.comments?l.jsx(g.ToolbarButton,{icon:R.comments,title:"Comments",hint:I.TOOLBAR_OPTION_HINTS.comments,onHint:m,active:Je,disabled:c||a,onClick:()=>{Je?ct(!1):En()}},"comments"):null;if(e==="code"){const L=s.INK_BUTTON_CONFIG.code;return l.jsx(g.ToolbarButton,{className:s.INK_CLASS_BUTTON_WIDE,icon:l.jsxs(l.Fragment,{children:[R.code,l.jsx("span",{className:s.INK_CLASS_BUTTON_LABEL,children:E.INK_CODE_LABEL})]}),title:L.title,hint:I.TOOLBAR_OPTION_HINTS.code,onHint:m,active:Xe.has(e),disabled:c||a,onClick:()=>M(e)},"code")}if(e==="ai"){if(!u.ai||!(A!=null&&A.enabled))return null;const L=Re.inkPlugins.get("ai");return l.jsxs("button",{type:"button",className:L?`${s.INK_CLASS_AI_PILL} ${s.INK_CLASS_AI_PILL_INSTALLED}`:s.INK_CLASS_AI_PILL,title:E.INK_AI_PILL_LABEL,style:L?{"--ink-plugin-color":L.color}:void 0,"aria-label":E.INK_AI_PILL_LABEL,"aria-pressed":xt,disabled:c||a,onMouseEnter:()=>m(I.TOOLBAR_OPTION_HINTS.ai),onMouseLeave:()=>m(E.EMPTY_STRING),onMouseDown:S=>{S.preventDefault()},onClick:()=>_e(S=>!S),children:[l.jsx("span",{className:s.INK_CLASS_AI_PILL_DOT,"aria-hidden":"true"}),E.INK_AI_PILL_LABEL]},"ai")}const n=s.INK_BUTTON_CONFIG[e];return n?l.jsx(g.ToolbarButton,{icon:R[e]??e.slice(0,1).toUpperCase(),title:n.title,hint:I.TOOLBAR_OPTION_HINTS[e],onHint:m,active:Xe.has(e),disabled:c||a,onClick:()=>M(e)},e):null},In=typeof Ue=="number"?`${Ue}px`:Ue,gr=typeof xe=="number"?`${xe}px`:xe,Br=!!(A!=null&&A.enabled&&xt),br=oe.slice(C.NUMBER_ZERO,X.fitCount),Et=oe.slice(X.fitCount);return l.jsxs("div",{ref:he,className:Hr.cn(s.INK_CLASS_ROOT,Dn),"data-testid":kn,"data-disabled":c||void 0,"data-variant":me,"data-chrome":xn,"data-color-mode":nt,"data-premium":$.active||void 0,"data-wysiwyg":Qn||void 0,style:{...Jn,...Wn},...Zn,children:[en?l.jsx("div",{className:s.INK_CLASS_TOOLBAR_SHOW,children:l.jsx(vr.Button,{type:"button","aria-label":I.TOOLBAR_SHOW_CONTROL_ARIA_LABEL,onClick:()=>st(!1),children:I.TOOLBAR_SHOW_CONTROL_LABEL})}):l.jsxs("div",{className:s.INK_CLASS_TOOLBAR,role:"toolbar","aria-label":"Ink formatting toolbar",onContextMenu:dr,onDoubleClick:_n,onMouseOver:e=>{const t=e.target.closest("button");if(!(t instanceof HTMLElement))return;const n=t.getAttribute("title")||t.getAttribute("aria-label")||E.EMPTY_STRING;n&&m(n)},onMouseLeave:()=>m(E.EMPTY_STRING),children:[l.jsx("div",{className:s.INK_CLASS_TOOLBAR_MEASURE,ref:X.measureRef,"aria-hidden":!0,children:oe.map(Tt)}),l.jsxs("div",{className:s.INK_CLASS_TOOLBAR_ROW,ref:X.rowRef,children:[br.map(Tt),Et.length>C.NUMBER_ZERO?l.jsx("span",{[s.INK_ATTR_MORE]:"",children:l.jsx(g.ToolbarButton,{icon:"⋯",title:E.INK_TOOLBAR_MORE_TITLE,hint:E.INK_TOOLBAR_MORE_TITLE,onHint:m,active:X.overflowOpen,disabled:c,onClick:()=>X.setOverflowOpen(e=>!e)})}):null]}),X.overflowOpen&&Et.length>C.NUMBER_ZERO?l.jsx("div",{className:s.INK_CLASS_TOOLBAR_OVERFLOW,children:Et.map(Tt)}):null,Qt?l.jsx("p",{className:s.INK_CLASS_TOOLBAR_HINT,children:Qt}):null]}),l.jsx(Qr.ToolbarCustomize,{open:Ko,options:Jo,visibleItems:oe,onToggle:nr,onClose:()=>Yt(!1)}),l.jsx(rl.GraphEditModal,{open:Go,mode:qo,points:jo,colors:Zo,onClose:()=>tt(!1),onApply:Er}),l.jsx(zr.SignPad,{open:yt,onClose:()=>We(!1),onConfirm:e=>{B(o.current),_.insertImage(e),d()}}),l.jsx($r.FindReplace,{open:Ze,focusField:Bo,onClose:()=>Pe(!1),onReplace:(e,t,n)=>{if(!o.current)return;const i=Ur.replaceInHtml(o.current.innerHTML,e,t,n);w(i)}}),ee&&u.trackChanges?l.jsx(Yr.TrackChangesBar,{changes:F,onAccept:On,onReject:dn,onAcceptAll:()=>F.forEach(e=>On(e.id)),onRejectAll:()=>F.forEach(e=>dn(e.id))}):null,me==="agent"?l.jsx("div",{className:"Ink-Editor__agent-bar",role:"status",children:I.AGENT_BAR_PLACEHOLDER}):null,l.jsxs("div",{className:s.INK_CLASS_SHELL,children:[Qo?l.jsx(Vr.OutlineRail,{items:ao,activeIndex:uo,onHide:Tn,onSelect:e=>{o.current&&(x.scrollOutlineHeading(o.current,e),_o(e))}}):null,l.jsxs("div",{className:s.INK_CLASS_BODY,children:[u.blocks?l.jsx(jr.BlockHandles,{visible:So&&!c&&!a,top:mo,onMoveUp:()=>Nn("up"),onMoveDown:()=>Nn("down"),onDragStart:mr}):null,l.jsx("div",{ref:o,className:Oe?`${s.INK_CLASS_CONTENT} ${s.INK_CLASS_CONTENT_HIDDEN}`:s.INK_CLASS_CONTENT,contentEditable:!c&&!a&&!Oe,role:"textbox","aria-multiline":"true","aria-placeholder":Rt,"data-placeholder":Rt,suppressContentEditableWarning:!0,style:{minHeight:In,maxHeight:gr},onInput:d,onBlur:sr,onKeyUp:Ne,onKeyDown:Ar,onMouseUp:Ne,onContextMenu:Tr,onDragOver:pr,onDrop:Sr,onDragEnd:hr,onPaste:e=>{fr(e)}}),Oe?l.jsx(Jr.HtmlSourcePanel,{value:qt,onChange:Xt,disabled:c||a,minHeight:In}):null,$t?l.jsx(Zr.SlashMenu,{items:ho,top:vt.top,left:vt.left,query:To,onSelect:Rr}):null,ot?l.jsx(Xr.AiAutocomplete,{suggestion:K.suggestion,position:{top:K.top,left:K.left},visible:K.visible,onAccept:nn,onDismiss:U}):null,l.jsx(Wr.InlineToolbar,{open:Qe.open,top:Qe.top,left:Qe.left,icons:{bold:R.bold,italic:R.italic,underline:R.underline,code:R.code,link:R.link,clearFormat:R.clearFormat},activeFormats:Xe,disabled:c||a,onFormat:Cr,onLink:at,onClose:()=>ne(e=>({...e,open:!1}))}),l.jsx(Bn.ContextMenu,{open:Ve.open,x:Ve.x,y:Ve.y,items:Ir,colorMode:nt,onClose:()=>{Wt(!1),Ye(e=>({...e,open:!1}))}}),l.jsx(Bn.ContextMenu,{open:ze.open,x:ze.x,y:ze.y,items:Lr,colorMode:nt,onClose:()=>$e(e=>({...e,open:!1}))})]}),Je&&u.comments?l.jsx(Gr.CommentsPanel,{comments:de,author:Z,onClose:()=>ct(!1),onResolve:e=>{const t=de.find(n=>n.id===e);it(de.map(n=>n.id===e?{...n,resolved:!0}:n)),t&&o.current&&w(Nt.removeCommentMark(o.current.innerHTML,t.highlightId))},onAddReply:(e,t)=>{it(de.map(n=>n.id===e?{...n,replies:[...n.replies,{id:mn.createInkId("reply"),author:Z,body:t,timestamp:Date.now()}]}:n))}}):null,Br&&A?l.jsx(qr.AiPanel,{config:A,documentHtml:((fn=o.current)==null?void 0:fn.innerHTML)??b??"",selectionHtml:Ft,onBusyChange:Ao,onClose:()=>_e(!1),onApplyHtml:e=>{if(B(o.current),Ft)_.insertHTML(e);else{w(e);return}d()}}):null]}),pt?l.jsxs("div",{className:s.INK_CLASS_FOOTER,children:[l.jsxs("span",{children:[lo," ",E.INK_FOOTER_WORDS_LABEL," ",E.INK_FOOTER_DOT," ",oo,St?` / ${St}`:""," ",E.INK_FOOTER_CHARS_LABEL]}),l.jsxs("span",{className:s.INK_CLASS_FOOTER_META,children:[l.jsxs("span",{children:[E.INK_FOOTER_LINE_LABEL," ",io,", ",E.INK_FOOTER_COL_LABEL," ",co]}),l.jsx("span",{className:"Ink-Editor__footer-sync",children:E.INK_FOOTER_SYNCED_LABEL})]})]}):null]})};exports.InkEditor=sl;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),C=require("../../constants/numbers.cjs"),E=require("../../constants/generals.const.cjs"),f=require("../../constants/toolbar.const.cjs"),N=require("../../constants/toolbarMenu.const.cjs"),Sn=require("../../constants/colorMode.const.cjs"),Ce=require("../../constants/keyboard.const.cjs"),Lt=require("../../constants/fonts.const.cjs"),It=require("../../constants/lists.const.cjs"),y=require("../../constants/findReplaceMenu.const.cjs"),Nt=require("../../constants/blocks.const.cjs"),l=require("../../constants/defaults.const.cjs"),xr=require("../../constants/aiModels.const.cjs");require("../../constants/openai.const.cjs");const hn=require("../../constants/defaultIcons.cjs"),O=require("../../constants/contextMenu.const.cjs"),Ae=require("../../constants/table.const.cjs"),Ur=require("../../utils/cn.utils.cjs"),Kr=require("../../utils/typo.utils.cjs"),gn=require("../../utils/id.utils.cjs"),P=require("../../utils/table.utils.cjs"),h=require("../../utils/blocks.utils.cjs"),G=require("../../utils/trackChanges.utils.cjs"),ft=require("../../utils/comments.utils.cjs"),Ct=require("../../utils/history.utils.cjs"),Bn=require("../../utils/slash.utils.cjs"),Fr=require("../../utils/words.utils.cjs"),K=require("../../utils/outline.utils.cjs"),Z=require("../../utils/premium.utils.cjs"),At=require("../../utils/paste.utils.cjs"),bn=require("../../utils/memory.utils.cjs"),wr=require("../../utils/findReplace.utils.cjs"),Re=require("../../utils/selection.utils.cjs"),le=require("../../utils/toolbarStorage.utils.cjs"),vr=require("../../plugins/titles/titles.const.cjs"),Pn=require("../../plugins/titles/titles.utils.cjs"),Mn=require("../../plugins/excel/excel.utils.cjs"),ie=require("../../plugins/graph/graph.const.cjs"),q=require("../../plugins/graph/graph.utils.cjs"),yr=require("../../plugins/theme/theme.const.cjs"),Gr=require("../../plugins/theme/inkTheme.cjs"),me=require("../../plugins/host/inkPlugins.cjs"),qr=require("../../hooks/useToolbarOverflow.cjs"),Xr=require("../../common-components/Button/Button.cjs"),Hn=require("../../common-components/ContextMenu/ContextMenu.cjs"),_=require("./helpers/format.utils.cjs"),jr=require("../../plugins/ai/aiPlugin.cjs"),g=require("./components/ToolbarButton/ToolbarButton.cjs"),De=require("./components/ToolbarDropdown/ToolbarDropdown.cjs"),Dn=require("./components/ToolbarColorPicker/ToolbarColorPicker.cjs"),Wr=require("./components/CommentsPanel/CommentsPanel.cjs"),Zr=require("./components/AiPanel/AiPanel.cjs"),Vr=require("./components/AiAutocomplete/AiAutocomplete.cjs"),kn=require("./components/AiAutocomplete/AiAutocomplete.const.cjs"),Rt=require("./components/AiAutocomplete/AiAutocomplete.utils.cjs"),Yr=require("./components/BlockHandles/BlockHandles.cjs"),ke=require("./components/BlockHandles/BlockHandles.const.cjs"),zr=require("./components/InlineToolbar/InlineToolbar.cjs"),xe=require("./components/InlineToolbar/InlineToolbar.const.cjs"),xn=require("./components/InlineToolbar/InlineToolbar.utils.cjs"),$r=require("./components/SlashMenu/SlashMenu.cjs"),Qr=require("./components/OutlineRail/OutlineRail.cjs"),Jr=require("./components/TrackChangesBar/TrackChangesBar.cjs"),es=require("./components/SignPad/SignPad.cjs"),ts=require("./components/FindReplace/FindReplace.cjs"),ns=require("./components/ToolbarCustomize/ToolbarCustomize.cjs"),os=require("./components/HtmlSourcePanel/HtmlSourcePanel.cjs"),rs=require("./components/TableSizePicker/TableSizePicker.cjs"),ss=require("./components/TitleGallery/TitleGallery.cjs"),ls=require("./components/ExcelSheetPanel/ExcelSheetPanel.cjs"),is=require("./components/GraphPicker/GraphPicker.cjs"),cs=require("./components/GraphEditModal/GraphEditModal.cjs"),as=require("./components/ThemePicker/ThemePicker.cjs"),us=require("./components/PresenceStack/PresenceStack.cjs"),_s=require("./components/RemoteCursors/RemoteCursors.cjs"),mt=()=>{const D=window.getSelection();if(!D||D.rangeCount===C.NUMBER_ZERO)return"";const b=D.getRangeAt(C.NUMBER_ZERO),k=document.createElement("div");return k.appendChild(b.cloneContents()),k.innerHTML},B=D=>{D==null||D.focus({preventScroll:!0})},Ts=D=>{var mn;const{value:b,defaultValue:k="",onChange:x,placeholder:pt=l.INK_PLACEHOLDER_DEFAULT,disabled:c=!1,readOnly:a=!1,minHeight:Ue=C.INK_MIN_HEIGHT,maxHeight:Ke,toolbar:Un,className:Kn="",testId:Fn,allowImagePaste:St=!0,showCharCount:ht=!1,charCountMax:gt,typoAutoFix:wn=!0,variant:pe=l.INK_DEFAULT_VARIANT,chrome:vn=l.INK_DEFAULT_CHROME,colorMode:Bt=Sn.INK_DEFAULT_COLOR_MODE,features:yn,author:V=l.INK_DEFAULT_AUTHOR,trackChanges:ce,onTrackChangesChange:Fe,trackChangesEnabled:Se,onTrackChangesEnabledChange:we,comments:ae,onCommentsChange:ve,showCommentsPanel:ue,onShowCommentsPanelChange:ye,ai:A,slashCommands:Gn,tableRows:qn=l.INK_TABLE_DEFAULT_ROWS,tableCols:Xn=l.INK_TABLE_DEFAULT_COLS,premium:jn,theme:Wn,themeId:bt,onThemeChange:Ge,icons:Pt,pasteMode:Zn="plain",onImageUpload:Mt,wysiwyg:Vn=!1,keepInMemory:Y=!1,memoryKey:z,onToolbarChange:qe,toolbarHidden:$,onToolbarHiddenChange:Xe,showOutline:Yn,onOutlineChange:je,collaboration:M,style:zn,...$n}=D,he=Un??(pe===l.INK_VARIANT_DOCUMENT?l.INK_CHROME_TOOLBAR:l.INK_DEFAULT_TOOLBAR),u={...l.INK_DEFAULT_FEATURES,...yn},Q=Z.resolveInkPremium(jn),Qn=Z.hasInkPremiumFeature(Q,"icons"),Jn=Z.hasInkPremiumFeature(Q,"theme"),eo=Z.hasInkPremiumFeature(Q,"richPaste"),to=Z.hasInkPremiumFeature(Q,"imageUpload"),no=Z.hasInkPremiumFeature(Q,"wysiwyg")&&Vn,R=Qn&&Pt?{...hn.INK_DEFAULT_ICONS,...Pt}:hn.INK_DEFAULT_ICONS,oo=Jn?Z.themeTokensToStyle(Wn):{},ro=eo&&Zn==="rich",o=r.useRef(null),ge=r.useRef(null),_e=r.useRef(new Ct.InkHistoryStack(b??k)),J=r.useRef(null),X=r.useRef(null),Be=r.useRef(E.EMPTY_STRING),[We,so]=r.useState(new Set),[lo,Ht]=r.useState("p"),[io,co]=r.useState(C.NUMBER_ZERO),[ao,uo]=r.useState(C.NUMBER_ZERO),[_o,Dt]=r.useState(C.NUMBER_ONE),[To,kt]=r.useState(C.NUMBER_ONE),[Eo,ee]=r.useState([]),[Oo,Lo]=r.useState(C.NUMBER_ZERO),[Io,Ze]=r.useState(E.EMPTY_STRING),[No,fo]=r.useState(C.INK_DEFAULT_TEXT_COLOR),[Co,Ao]=r.useState(C.INK_DEFAULT_HIGHLIGHT_COLOR),[te,xt]=r.useState(Se??!1),[Ro,Ut]=r.useState(ce??[]),[mo,Kt]=r.useState(ae??[]),[po,Ft]=r.useState(ue??!1),[wt,Te]=r.useState(!!(A!=null&&A.enabled&&A.openOnInit)),[be,So]=r.useState(!1),vt=r.useRef(!1),[F,Ee]=r.useState({visible:!1,suggestion:"",top:C.NUMBER_ZERO,left:C.NUMBER_ZERO}),Oe=r.useRef(null),ne=r.useRef(C.NUMBER_ZERO),[yt,ho]=r.useState(""),[go,Bo]=r.useState(0),[bo,Gt]=r.useState(!1),[Po,Pe]=r.useState([]),[qt,Mo]=r.useState({top:0,left:0}),[Xt,Ve]=r.useState(!1),[Ye,Me]=r.useState(!1),[de,jt]=r.useState(!1),[Wt,Zt]=r.useState(E.EMPTY_STRING),[Ho,Do]=r.useState(y.FIND_REPLACE_FOCUS_FIND),[ko,xo]=r.useState(Lt.FONT_VALUE_SYSTEM),[Uo,Vt]=r.useState(It.LIST_VALUE_BULLET),[Ko,Fo]=r.useState(y.FIND_REPLACE_FOCUS_FIND),[ze,$e]=r.useState({open:!1,x:C.NUMBER_ZERO,y:C.NUMBER_ZERO}),[wo,Yt]=r.useState(!1),[Qe,Je]=r.useState({open:!1,x:C.NUMBER_ZERO,y:C.NUMBER_ZERO}),[et,oe]=r.useState({open:!1,top:C.NUMBER_ZERO,left:C.NUMBER_ZERO}),[re,zt]=r.useState(()=>le.readToolbarItems(Y,z)??he),[vo,$t]=r.useState(()=>$!==void 0?$:le.readToolbarHidden(Y,z)??!1),[yo,Qt]=r.useState(!1),Jt=r.useRef(!0),Go=he.join(","),w=ce??Ro,Le=ae??mo,tt=ue??po,en=Gn??u.slash,[nt,qo]=r.useState(()=>Yn??pe===l.INK_VARIANT_DOCUMENT),[tn,m]=r.useState(E.EMPTY_STRING),[Xo,jo]=r.useState(!1),se=r.useRef(null),[Wo,ot]=r.useState(!1),[Zo,Vo]=r.useState("values"),[Yo,zo]=r.useState(ie.GRAPH_SAMPLE),[$o,Qo]=r.useState(()=>q.parseGraphColors(null)),[Jo,er]=r.useState(bt||yr.THEME_DEFAULT),nn=bt??Jo,[on,tr]=r.useState(!1),nr=!!(u.outline&&nt),j=qr.useToolbarOverflow(re.length),rn=$??vo,sn=he,or=le.listCustomizableToolbarOptions(sn),rt=Bt===Sn.COLOR_MODE_SYSTEM?void 0:Bt,st=!!(u.ai&&(A!=null&&A.enabled)&&A.autocomplete!==!1&&!c&&!a),lt=()=>{Oe.current!==null&&(window.clearTimeout(Oe.current),Oe.current=null)},U=()=>{lt(),ne.current+=1,Ee(e=>e.visible||e.suggestion?{visible:!1,suggestion:"",top:C.NUMBER_ZERO,left:C.NUMBER_ZERO}:e)},rr=()=>{if(!st||be||!o.current){U();return}const e=window.getSelection();if(!e||!e.isCollapsed){U();return}lt(),Ee(n=>n.visible||n.suggestion?{...n,visible:!1,suggestion:""}:n);const t=(A==null?void 0:A.providerId)||xr.INK_AI_DEMO_PROVIDER_ID;Oe.current=window.setTimeout(()=>{if(Oe.current=null,!o.current||vt.current)return;const n=window.getSelection();if(!n||!n.isCollapsed)return;const i=Rt.getTextBeforeCaret(o.current),T=Rt.getCaretPositionInRoot(o.current);if(!i.trim()||!T)return;const I=ne.current+1;ne.current=I;const p=o.current.innerHTML;jr.inkAi.runProvider(t,{capability:"autocomplete",html:p,prompt:i,modelId:A==null?void 0:A.modelId}).then(d=>{var fe;if(I!==ne.current)return;const S=((fe=d.text)==null?void 0:fe.trim())||"";if(!S){Ee({visible:!1,suggestion:"",top:C.NUMBER_ZERO,left:C.NUMBER_ZERO});return}const He=o.current&&Rt.getCaretPositionInRoot(o.current)||T;Ee({visible:!0,suggestion:S,top:He.top,left:He.left})}).catch(()=>{I===ne.current&&Ee({visible:!1,suggestion:"",top:C.NUMBER_ZERO,left:C.NUMBER_ZERO})})},kn.AI_AUTOCOMPLETE_DEBOUNCE_MS)};r.useEffect(()=>()=>{lt(),ne.current+=1},[]),r.useEffect(()=>{vt.current=be,be&&U()},[be]),r.useEffect(()=>{Se!==void 0&&xt(Se)},[Se]),r.useEffect(()=>{ce&&Ut(ce)},[ce]),r.useEffect(()=>{ae&&Kt(ae)},[ae]),r.useEffect(()=>{ue!==void 0&&Ft(ue)},[ue]),r.useEffect(()=>{$!==void 0&&$t($)},[$]),r.useEffect(()=>{if(Jt.current){Jt.current=!1;return}zt(he)},[Go]),r.useEffect(()=>{if(!o.current||b===void 0||b===J.current)return;if(o.current.innerHTML===b){J.current=b;return}const e=document.activeElement===o.current;Re.withPreservedSelection(e?o.current:null,()=>{o.current&&(o.current.innerHTML=b)}),J.current=b},[b]),r.useEffect(()=>{if(!o.current)return;const e=Y?bn.readInkMemory(z):"";if(e){o.current.innerHTML=e,J.current=e,_e.current=new Ct.InkHistoryStack(e),x==null||x(e),u.outline&&ee(K.collectOutlineItems(o.current));return}if(b!==void 0){u.outline&&ee(K.collectOutlineItems(o.current));return}k&&(o.current.innerHTML=k,J.current=k,_e.current=new Ct.InkHistoryStack(k),x==null||x(k),u.outline&&ee(K.collectOutlineItems(o.current)))},[]),r.useEffect(()=>{const e=()=>{tr(document.fullscreenElement===ge.current)};return document.addEventListener("fullscreenchange",e),()=>document.removeEventListener("fullscreenchange",e)},[]);const it=e=>{if(_e.current.push(e),J.current=e,x==null||x(e),Y&&bn.writeInkMemory(e,z),ht&&o.current){const n=o.current.textContent??E.EMPTY_STRING;co(n.length),uo(Fr.countWords(n))}u.outline&&ee(K.collectOutlineItems(o.current));const t=K.getCaretLineCol(o.current);Dt(t.line),kt(t.col)},v=e=>{o.current&&(Re.withPreservedSelection(o.current,()=>{o.current&&(o.current.innerHTML=e)}),it(e))},ct=e=>{$t(e),Xe==null||Xe(e),le.writeToolbarHidden(e,Y,z)},sr=e=>{zt(e),qe==null||qe(e),le.writeToolbarItems(e,Y,z)},lr=(e,t)=>{if(e===N.TOOLBAR_OPTION_DIVIDER)return;const n=new Set(re.filter(i=>i!==N.TOOLBAR_OPTION_DIVIDER));t?n.add(e):n.delete(e),sr(le.buildVisibleToolbarItems(sn,n))},Ie=e=>{Ut(e),Fe==null||Fe(e)},at=e=>{Kt(e),ve==null||ve(e)},ut=e=>{Ft(e),ye==null||ye(e)},ir=e=>{xt(e),we==null||we(e)},cr=()=>{if(c||a){oe(T=>T.open?{...T,open:!1}:T);return}const e=window.getSelection();if(!e||e.isCollapsed||e.rangeCount===0||!xn.selectionIsInsideElement(e,o.current)){oe(T=>T.open?{...T,open:!1}:T);return}const n=e.getRangeAt(0).getBoundingClientRect();if(n.width===0&&n.height===0){oe(T=>T.open?{...T,open:!1}:T);return}const i=xn.clampInlineToolbarPosition({selectionRect:n,toolbarWidth:xe.INLINE_TOOLBAR_ESTIMATED_WIDTH_PX,toolbarHeight:xe.INLINE_TOOLBAR_ESTIMATED_HEIGHT_PX,viewport:{width:window.innerWidth,height:window.innerHeight},gap:xe.INLINE_TOOLBAR_GAP_PX,edgePadding:xe.INLINE_TOOLBAR_EDGE_PADDING_PX});oe({open:!0,top:i.top,left:i.left})},Ne=()=>{var p;so(_.getActiveFormats());const e=_.queryCommandValue("formatBlock");e&&Ht(e.toLowerCase().replace(/[<>]/g,"")),Vt(_.detectListType()),ho(mt());const t=(p=window.getSelection())==null?void 0:p.toString().trim();t&&(Be.current=t),cr();const n=K.getCaretLineCol(o.current);if(Dt(n.line),kt(n.col),u.outline&&ee(K.collectOutlineItems(o.current)),!o.current||!u.blocks)return;const i=window.getSelection(),T=(i==null?void 0:i.anchorNode)??null,I=h.getBlockElement(T,o.current);if(h.markActiveBlock(o.current,I),I){const d=o.current.getBoundingClientRect(),S=I.getBoundingClientRect();Bo(S.top-d.top+o.current.scrollTop),Gt(!0)}else Gt(!1)},L=()=>{var t,n,i;if(!o.current)return;let e=o.current.innerHTML;if(te&&u.trackChanges){const T=window.getSelection();if(T&&!T.isCollapsed){const I=mt();if(I){const p=G.createTrackChange("delete",I,V);Ie([...w,p]),ar(p.id),e=o.current.innerHTML}}}if(it(e),Ne(),en&&o.current){const T=((n=(t=window.getSelection())==null?void 0:t.anchorNode)==null?void 0:n.textContent)??"",I=Bn.extractSlashQuery(T);if(I!==null){Ze(I),Pe(Bn.filterSlashCommands(I));const p=(i=window.getSelection())==null?void 0:i.getRangeAt(0);if(p&&o.current){const d=p.getBoundingClientRect(),S=o.current.getBoundingClientRect();Mo({top:d.bottom-S.top+8,left:d.left-S.left})}}else Ze(E.EMPTY_STRING),Pe([])}st?rr():U()};r.useEffect(()=>{const e=o.current;if(!e||c||a||!u.table)return;const t=i=>{const T=i.target;if(!(T instanceof Element))return;const I=T.closest(Ae.TABLE_CELL_SELECTOR);if(!I||!e.contains(I))return;const p=I.closest(Ae.TABLE_TAG);if(!p)return;const d=P.getColumnResizeIndex(i.clientX,I,C.INK_TABLE_COL_RESIZE_EDGE_PX);if(d===null)return;i.preventDefault();const S=i.clientX,He=I.getBoundingClientRect().width;p.classList.add(l.INK_CLASS_TABLE_RESIZE);const fe=kr=>{P.setTableColumnWidth(p,d,He+(kr.clientX-S))},pn=()=>{p.classList.remove(l.INK_CLASS_TABLE_RESIZE),document.removeEventListener("pointermove",fe),document.removeEventListener("pointerup",pn),L()};document.addEventListener("pointermove",fe),document.addEventListener("pointerup",pn)},n=i=>{const T=i.target;if(!(T instanceof Element))return;const I=T.closest(Ae.TABLE_CELL_SELECTOR);if(e.querySelectorAll(Ae.TABLE_TAG).forEach(S=>{S.classList.contains(l.INK_CLASS_TABLE_RESIZE)||S.classList.remove(l.INK_CLASS_TABLE_RESIZE)}),!I||!e.contains(I))return;const d=I.closest(Ae.TABLE_TAG);d&&P.getColumnResizeIndex(i.clientX,I,C.INK_TABLE_COL_RESIZE_EDGE_PX)!==null&&d.classList.add(l.INK_CLASS_TABLE_RESIZE)};return e.addEventListener("pointerdown",t),e.addEventListener("pointermove",n),()=>{e.removeEventListener("pointerdown",t),e.removeEventListener("pointermove",n)}},[c,a,u.table]);const ln=()=>{const e=F.suggestion;if(!e){U();return}B(o.current),_.execCommand(kn.AI_AUTOCOMPLETE_COMMAND_INSERT_TEXT,e),U(),L()},ar=e=>{const t=window.getSelection();if(!t||t.rangeCount===0)return;const n=mt();n&&_.insertHTML(G.wrapDeleteHtml(n,e))},ur=()=>{if(!o.current||!wn||!u.typoAutoFix||c||a)return;const e=o.current.innerHTML,t=Kr.applyTypoAutoFix(e);t.html!==e&&(Re.withPreservedSelection(o.current,()=>{o.current&&(o.current.innerHTML=t.html)}),it(t.html))},H=e=>{if(c||a)return;if(B(o.current),e==="clearFormat"){_.clearFormatDeep(),L();return}if(e==="directionLtr"&&o.current){_.setBlockDirection(o.current,Nt.DIR_LTR),L();return}if(e==="directionRtl"&&o.current){_.setBlockDirection(o.current,Nt.DIR_RTL),L();return}if(e===f.TOOLBAR_OPTION_CHECKLIST){_.insertHTML(l.INK_CHECKLIST_HTML),L();return}const t=l.INK_BUTTON_CONFIG[e];t&&(t.value?_.execCommand(t.command,t.value):_.execCommand(t.command),L())},_r=e=>{c||a||(B(o.current),_.execCommand("formatBlock",e),Ht(e),L())},Tr=e=>{c||a||(B(o.current),_.applyFontFamily(e),xo(e),L())},Er=e=>{c||a||(B(o.current),_.applyListType(e),Vt(e),L())},cn=e=>{Do(e),Fo(e),Me(!0)},Or=e=>{if(c||a)return;const t=e===y.FIND_REPLACE_VALUE_REPLACE?y.FIND_REPLACE_FOCUS_REPLACE:y.FIND_REPLACE_FOCUS_FIND;cn(t)},_t=()=>{var i;if(c||a)return;const e=Re.captureSelectionInRoot(o.current),t=((i=window.getSelection())==null?void 0:i.toString().trim())||Be.current,n=window.prompt(E.INK_LINK_PROMPT,E.INK_LINK_PROMPT_DEFAULT);n&&(B(o.current),Re.restoreSelectionInRoot(o.current,e),_.insertLink(n,t),L())},Tt=e=>{c||a||(B(o.current),_.insertHTML(e),L())},dr=e=>{var n;const t=((n=window.getSelection())==null?void 0:n.toString().trim())||Be.current;Tt(Pn.buildTitleHtml(e,t||E.INK_TITLES_DEFAULT_TEXT))},an=async e=>to&&Mt?Mt(e):_.fileToDataUrl(e),un=async()=>{if(c||a)return;const e=document.createElement("input");e.type="file",e.accept="image/*",e.onchange=async()=>{var i;const t=(i=e.files)==null?void 0:i[0];if(!t)return;const n=await an(t);B(o.current),_.insertImage(n,t.name),L()},e.click()},_n=(e=qn,t=Xn)=>{if(c||a||!u.table)return;B(o.current);const n=P.buildTableHtml(e,t);if(te&&u.trackChanges){const i=G.createTrackChange("insert",n,V);Ie([...w,i]),_.insertHTML(G.wrapInsertHtml(n,i.id))}else _.insertHTML(n);L()},Tn=()=>{const e=_e.current.undo();if(e===null||!o.current){_.execCommand("undo"),L();return}v(e)},En=()=>{const e=_e.current.redo();if(e===null||!o.current){_.execCommand("redo"),L();return}v(e)},Lr=e=>{if(c||a)return;e.preventDefault(),Je(n=>n.open?{...n,open:!1}:n);const t=u.graph?q.getGraphBlock(e.target):null;se.current=t,jo(!!t),Yt(!!(u.table&&P.getTableCellFromSelection())),$e({open:!0,x:e.clientX,y:e.clientY})},Et=e=>{const t=se.current;if(!t)return;const n=q.parseGraphPoints(t.getAttribute(l.INK_ATTR_GRAPH_POINTS));q.replaceGraphBlock(t,e,n.length?n:ie.GRAPH_SAMPLE),se.current=null,L()},On=e=>{const t=se.current;if(!t)return;const n=q.parseGraphPoints(t.getAttribute(l.INK_ATTR_GRAPH_POINTS));zo(n.length?n:ie.GRAPH_SAMPLE),Qo(q.parseGraphColors(t.getAttribute(l.INK_ATTR_GRAPH_COLORS))),Vo(e),ot(!0)},Ir=(e,t)=>{const n=se.current;if(!n)return;const i=n.getAttribute(l.INK_ATTR_GRAPH)??ie.GRAPH_KIND_DEFAULT;q.replaceGraphBlock(n,i,e,t),ot(!1),L()},dn=()=>{const e=ge.current;if(!(!e||!u.fullscreen)){if(document.fullscreenElement){document.exitFullscreen();return}e.requestFullscreen()}},Nr=()=>{const e=se.current;if(e){const t=document.createRange();t.selectNodeContents(e);const n=window.getSelection();n==null||n.removeAllRanges(),n==null||n.addRange(t)}Te(!0)},Ln=()=>{const e=!nt;qo(e),e&&o.current&&ee(K.collectOutlineItems(o.current)),je==null||je(e)},fr=e=>{c||a||(e.preventDefault(),$e(t=>t.open?{...t,open:!1}:t),Je({open:!0,x:e.clientX,y:e.clientY}))},In=()=>{if(c||a||!u.comments)return;const e=window.prompt("Comment:");if(!(e!=null&&e.trim()))return;const t=gn.createInkId("hl");if(B(o.current),!ft.wrapSelectionAsComment(t))return;const i=ft.createCommentThread(V,e.trim(),t);at([i,...Le]),ut(!0),L()},Cr=[{id:N.TOOLBAR_CONTEXT_MENU_ID_CUSTOMIZE,label:N.TOOLBAR_CONTEXT_MENU_LABEL_CUSTOMIZE,onSelect:()=>Qt(!0)},{id:N.TOOLBAR_CONTEXT_MENU_ID_HIDE,label:N.TOOLBAR_CONTEXT_MENU_LABEL_HIDE,onSelect:()=>ct(!0)}],W=e=>{const t=P.getTableCellFromSelection();!t||!u.table||e(t)&&L()},Ar=u.table&&wo?[{id:O.CONTEXT_MENU_ID_TABLE_ROW_ABOVE,label:O.CONTEXT_MENU_LABEL_TABLE_ROW_ABOVE,onSelect:()=>W(e=>P.insertTableRow(e,"before"))},{id:O.CONTEXT_MENU_ID_TABLE_ROW_BELOW,label:O.CONTEXT_MENU_LABEL_TABLE_ROW_BELOW,onSelect:()=>W(e=>P.insertTableRow(e,"after"))},{id:O.CONTEXT_MENU_ID_TABLE_COL_LEFT,label:O.CONTEXT_MENU_LABEL_TABLE_COL_LEFT,onSelect:()=>W(e=>P.insertTableColumn(e,"before"))},{id:O.CONTEXT_MENU_ID_TABLE_COL_RIGHT,label:O.CONTEXT_MENU_LABEL_TABLE_COL_RIGHT,onSelect:()=>W(e=>P.insertTableColumn(e,"after"))},{id:O.CONTEXT_MENU_ID_TABLE_DELETE_ROW,label:O.CONTEXT_MENU_LABEL_TABLE_DELETE_ROW,onSelect:()=>W(e=>P.deleteTableRow(e))},{id:O.CONTEXT_MENU_ID_TABLE_DELETE_COL,label:O.CONTEXT_MENU_LABEL_TABLE_DELETE_COL,onSelect:()=>W(e=>P.deleteTableColumn(e))},{id:O.CONTEXT_MENU_ID_TABLE_HEADER,label:O.CONTEXT_MENU_LABEL_TABLE_HEADER,onSelect:()=>W(e=>P.toggleTableHeaderRow(e))}]:[],Rr=[...u.graph&&Xo?[{id:E.CONTEXT_MENU_ID_GRAPH_BAR,label:E.CONTEXT_MENU_LABEL_GRAPH_BAR,onSelect:()=>Et("bar")},{id:E.CONTEXT_MENU_ID_GRAPH_LINE,label:E.CONTEXT_MENU_LABEL_GRAPH_LINE,onSelect:()=>Et("line")},{id:E.CONTEXT_MENU_ID_GRAPH_PIE,label:E.CONTEXT_MENU_LABEL_GRAPH_PIE,onSelect:()=>Et("pie")},{id:E.CONTEXT_MENU_ID_GRAPH_EDIT,label:E.CONTEXT_MENU_LABEL_GRAPH_EDIT,onSelect:()=>On("values")},{id:E.CONTEXT_MENU_ID_GRAPH_COLORS,label:E.CONTEXT_MENU_LABEL_GRAPH_COLORS,onSelect:()=>On("colors")},{id:E.CONTEXT_MENU_ID_GRAPH_AI,label:E.CONTEXT_MENU_LABEL_GRAPH_AI,onSelect:Nr}]:[],...Ar,{id:O.CONTEXT_MENU_ID_BOLD,label:O.CONTEXT_MENU_LABEL_BOLD,onSelect:()=>H("bold")},{id:O.CONTEXT_MENU_ID_ITALIC,label:O.CONTEXT_MENU_LABEL_ITALIC,onSelect:()=>H("italic")},{id:O.CONTEXT_MENU_ID_UNDERLINE,label:O.CONTEXT_MENU_LABEL_UNDERLINE,onSelect:()=>H("underline")},{id:O.CONTEXT_MENU_ID_STRIKE,label:O.CONTEXT_MENU_LABEL_STRIKE,onSelect:()=>H("strikethrough")},{id:O.CONTEXT_MENU_ID_HEADING,label:O.CONTEXT_MENU_LABEL_HEADING,onSelect:()=>H("heading2")},{id:O.CONTEXT_MENU_ID_BULLET,label:O.CONTEXT_MENU_LABEL_BULLET,onSelect:()=>H("bulletList")},{id:O.CONTEXT_MENU_ID_ORDERED,label:O.CONTEXT_MENU_LABEL_ORDERED,onSelect:()=>H("orderedList")},{id:O.CONTEXT_MENU_ID_LINK,label:O.CONTEXT_MENU_LABEL_LINK,onSelect:()=>_t()},{id:O.CONTEXT_MENU_ID_CLEAR,label:O.CONTEXT_MENU_LABEL_CLEAR,onSelect:()=>H("clearFormat")},{id:O.CONTEXT_MENU_ID_FIND,label:O.CONTEXT_MENU_LABEL_FIND,disabled:!u.findReplace,onSelect:()=>Me(!0)},{id:O.CONTEXT_MENU_ID_SIGNATURE,label:O.CONTEXT_MENU_LABEL_SIGNATURE,disabled:!u.signature,onSelect:()=>Ve(!0)},{id:O.CONTEXT_MENU_ID_COMMENT,label:O.CONTEXT_MENU_LABEL_COMMENT,disabled:!u.comments,onSelect:()=>In()},...rn?[{id:N.CONTEXT_MENU_ID_SHOW_TOOLBAR,label:N.CONTEXT_MENU_LABEL_SHOW_TOOLBAR,onSelect:()=>ct(!1)}]:[]],Nn=e=>{if(!o.current)return;const t=G.acceptTrackChangeInHtml(o.current.innerHTML,e);v(t),Ie(w.map(n=>n.id===e?{...n,accepted:!0}:n))},fn=e=>{if(!o.current)return;const t=G.rejectTrackChangeInHtml(o.current.innerHTML,e);v(t),Ie(w.map(n=>n.id===e?{...n,rejected:!0}:n))},Cn=async e=>{const t=await an(e),n=`<img src="${t}" alt="" style="max-width:100%;height:auto;" />`;if(te&&u.trackChanges){const i=G.createTrackChange("insert",n,V);Ie([...w,i]),_.insertHTML(G.wrapInsertHtml(n,i.id))}else _.insertImage(t);L()},mr=async e=>{if(c||a)return;const t=e.clipboardData;if(!t)return;if(ro){const i=At.extractClipboardHtml(t);if(i){e.preventDefault();const I=At.sanitizePastedHtml(i);I&&(_.insertHTML(I),L());const p=t.items;if(St&&p)for(const d of Array.from(p)){if(!d.type.startsWith("image/"))continue;const S=d.getAsFile();S&&await Cn(S)}return}const T=At.extractClipboardText(t);if(T){e.preventDefault(),_.insertHTML(T.replace(/\n/g,"<br />")),L();return}}if(!St)return;const n=t.items;if(n)for(const i of Array.from(n)){if(!i.type.startsWith("image/"))continue;e.preventDefault();const T=i.getAsFile();T&&await Cn(T)}},pr=e=>{H(e)},Sr=e=>{if(e.key===Ce.KEY_TAB&&F.visible&&F.suggestion){e.preventDefault(),ln();return}if(e.key===Ce.KEY_ENTER){U();return}if(_.tryConvertMarkdownListPrefix(e.nativeEvent)){L();return}if(e.key===Ce.KEY_ESCAPE){if(F.visible){e.preventDefault(),U();return}Pe([]),oe(t=>t.open?{...t,open:!1}:t)}if((e.metaKey||e.ctrlKey)&&e.key.toLowerCase()===Ce.KEY_K){e.preventDefault(),u.ai&&(A!=null&&A.enabled)&&Te(!0);return}(e.metaKey||e.ctrlKey)&&e.key===Ce.KEY_Z&&(e.preventDefault(),e.shiftKey?En():Tn())},hr=e=>{var n;B(o.current);const t=window.getSelection();if((n=t==null?void 0:t.anchorNode)!=null&&n.textContent){const T=t.anchorNode.textContent.replace(/(?:^|\s)\/[^\s]*$/," ");t.anchorNode.nodeType===Node.TEXT_NODE&&(t.anchorNode.textContent=T)}switch(Ze(E.EMPTY_STRING),Pe([]),e.insert){case"heading1":_.execCommand("formatBlock",l.INK_FORMAT_BLOCK_H1);break;case"heading2":_.execCommand("formatBlock",l.INK_FORMAT_BLOCK_H2);break;case"heading3":_.execCommand("formatBlock",l.INK_FORMAT_BLOCK_H3);break;case"paragraph":_.execCommand("formatBlock",l.INK_FORMAT_BLOCK_P);break;case"bulletList":_.execCommand("insertUnorderedList");break;case"orderedList":_.execCommand("insertOrderedList");break;case"checklist":_.insertHTML(l.INK_CHECKLIST_HTML);break;case"quote":_.execCommand("formatBlock",l.INK_FORMAT_BLOCK_QUOTE);break;case"code":_.execCommand("formatBlock",l.INK_FORMAT_BLOCK_PRE);break;case"callout":_.insertHTML(l.INK_CALLOUT_HTML);break;case"table":_n();return;case"image":un();return;case"ai":Te(!0);break;case"titles":_.insertHTML(Pn.buildTitleHtml(vr.TITLE_STYLE_DEFAULT,Be.current||E.INK_TITLES_DEFAULT_TEXT));break;case"excel":_.insertHTML(Mn.excelGridToTableHtml(Mn.createEmptyExcelGrid()));break;case"graph":_.insertHTML(q.buildGraphHtml(ie.GRAPH_KIND_DEFAULT,ie.GRAPH_SAMPLE));break}L()},An=e=>{if(!o.current)return;const t=window.getSelection(),n=h.getBlockElement((t==null?void 0:t.anchorNode)??null,o.current);n&&h.moveBlock(n,e)&&(L(),Ne())},gr=e=>{if(!o.current)return;const t=window.getSelection(),n=h.getBlockElement((t==null?void 0:t.anchorNode)??null,o.current),i=o.current.querySelector(`.${l.INK_CLASS_BLOCK_ACTIVE}`),T=n??(i instanceof HTMLElement?i:null);if(!T){e.preventDefault();return}X.current=T,h.clearBlockDragClasses(o.current),h.markActiveBlock(o.current,T),h.markDraggingBlock(T),e.dataTransfer.setData(ke.BLOCK_HANDLES_DRAG_MIME,ke.BLOCK_HANDLES_DRAG_PAYLOAD),e.dataTransfer.effectAllowed=ke.BLOCK_HANDLES_DRAG_EFFECT_MOVE},Br=e=>{if(!o.current||!X.current)return;e.preventDefault(),e.dataTransfer.dropEffect=ke.BLOCK_HANDLES_DRAG_EFFECT_MOVE;const t=h.getBlockElement(e.target,o.current);if(!t||t===X.current){h.markDropTarget(o.current,null,null);return}const n=h.resolveDropPosition(e.clientY,t);h.markDropTarget(o.current,t,n)},br=e=>{if(!o.current||!X.current)return;e.preventDefault();const t=h.getBlockElement(e.target,o.current),n=X.current;t&&t!==n&&(h.resolveDropPosition(e.clientY,t)===Nt.BLOCK_DROP_POSITION_BEFORE?h.reorderBlockBefore(n,t):h.reorderBlockAfter(n,t))&&(L(),Ne()),h.clearBlockDragClasses(o.current),X.current=null},Pr=()=>{o.current&&h.clearBlockDragClasses(o.current),X.current=null},Ot=(e,t)=>{var i,T,I,p;if(e==="divider")return s.jsx("span",{className:l.INK_CLASS_DIVIDER},`divider-${t}`);if(e==="headingDropdown")return s.jsx(De.ToolbarDropdown,{title:"Heading",options:l.INK_HEADING_OPTIONS,value:lo||"p",disabled:c||a,onChange:_r},"heading");if(e===f.TOOLBAR_OPTION_FONT_DROPDOWN)return s.jsx(De.ToolbarDropdown,{title:Lt.FONT_DROPDOWN_TITLE,options:Lt.INK_FONT_OPTIONS,value:ko,disabled:c||a,onChange:Tr},f.TOOLBAR_OPTION_FONT_DROPDOWN);if(e===f.TOOLBAR_OPTION_LIST_DROPDOWN)return s.jsx(De.ToolbarDropdown,{title:It.LIST_DROPDOWN_TITLE,options:It.INK_LIST_OPTIONS,value:Uo,disabled:c||a,onChange:Er},f.TOOLBAR_OPTION_LIST_DROPDOWN);if(e==="textColor")return s.jsx(Dn.ToolbarColorPicker,{title:"Text color",type:"text",value:No,disabled:c||a,onChange:d=>{B(o.current),_.setTextColor(d),fo(d),L()}},"textColor");if(e==="highlightColor")return s.jsx(Dn.ToolbarColorPicker,{title:"Highlight color",type:"highlight",value:Co,disabled:c||a,onChange:d=>{B(o.current),_.setHighlightColor(d),Ao(d),L()}},"highlightColor");if(e==="link")return s.jsx(g.ToolbarButton,{icon:R.link,title:"Insert link",hint:N.TOOLBAR_OPTION_HINTS.link,onHint:m,disabled:c||a,onClick:_t},"link");if(e==="image")return s.jsx(g.ToolbarButton,{hint:N.TOOLBAR_OPTION_HINTS.image,onHint:m,icon:R.image,title:"Insert image",disabled:c||a,onClick:()=>{un()}},"image");if(e===f.TOOLBAR_OPTION_CHECKLIST)return s.jsx(g.ToolbarButton,{icon:R.checklist,title:"Checklist",hint:N.TOOLBAR_OPTION_HINTS.checklist,onHint:m,disabled:c||a,onClick:()=>H(f.TOOLBAR_OPTION_CHECKLIST)},f.TOOLBAR_OPTION_CHECKLIST);if(e==="table")return u.table?s.jsx(rs.TableSizePicker,{icon:R.table,disabled:c||a,onSelect:_n},"table"):null;if(e===f.TOOLBAR_OPTION_TITLES)return u.titles?s.jsx(ss.TitleGallery,{icon:R.titles,disabled:c||a,pluginColor:(i=me.inkPlugins.get("titles"))==null?void 0:i.color,hint:N.TOOLBAR_OPTION_HINTS.titles,onHint:m,onSelect:dr},f.TOOLBAR_OPTION_TITLES):null;if(e===f.TOOLBAR_OPTION_EXCEL)return u.excel?s.jsx(ls.ExcelSheetPanel,{icon:R.excel,disabled:c||a,pluginColor:(T=me.inkPlugins.get("excel"))==null?void 0:T.color,hint:N.TOOLBAR_OPTION_HINTS.excel,onHint:m,onInsert:Tt},f.TOOLBAR_OPTION_EXCEL):null;if(e===f.TOOLBAR_OPTION_GRAPH)return u.graph?s.jsx(is.GraphPicker,{icon:R.graph,disabled:c||a,pluginColor:(I=me.inkPlugins.get("graph"))==null?void 0:I.color,hint:N.TOOLBAR_OPTION_HINTS.graph,onHint:m,onInsert:Tt},f.TOOLBAR_OPTION_GRAPH):null;if(e===f.TOOLBAR_OPTION_THEME)return u.theme?s.jsx(as.ThemePicker,{icon:R.theme,disabled:c,pluginColor:(p=me.inkPlugins.get("theme"))==null?void 0:p.color,hint:N.TOOLBAR_OPTION_HINTS.theme,onHint:m,value:nn,onChange:d=>{er(d),Ge==null||Ge(d),Gr.applyInkTheme(ge.current,d)}},f.TOOLBAR_OPTION_THEME):null;if(e===f.TOOLBAR_OPTION_FULLSCREEN)return u.fullscreen?s.jsx(g.ToolbarButton,{icon:R.fullscreen,title:on?E.INK_FULLSCREEN_EXIT_TITLE:E.INK_FULLSCREEN_TITLE,hint:N.TOOLBAR_OPTION_HINTS.fullscreen,onHint:m,active:on,disabled:c,onClick:dn},f.TOOLBAR_OPTION_FULLSCREEN):null;if(e===f.TOOLBAR_OPTION_OUTLINE)return u.outline?s.jsx(g.ToolbarButton,{icon:R.outline,title:E.INK_OUTLINE_TOGGLE_TITLE,hint:N.TOOLBAR_OPTION_HINTS.outline,onHint:m,active:nt,disabled:c,onClick:Ln},f.TOOLBAR_OPTION_OUTLINE):null;if(e===f.TOOLBAR_OPTION_HTML_SOURCE)return u.htmlSource?s.jsx(g.ToolbarButton,{className:l.INK_CLASS_BUTTON_WIDE,icon:s.jsx("span",{className:l.INK_CLASS_BUTTON_LABEL,children:E.INK_HTML_SOURCE_LABEL}),title:E.INK_HTML_SOURCE_TITLE,hint:N.TOOLBAR_OPTION_HINTS.htmlSource,onHint:m,active:de,disabled:c,onClick:()=>{var d;if(de){a||v(Wt),jt(!1);return}Zt(((d=o.current)==null?void 0:d.innerHTML)??b??E.EMPTY_STRING),jt(!0)}},f.TOOLBAR_OPTION_HTML_SOURCE):null;if(e===f.TOOLBAR_OPTION_SIGNATURE)return u.signature?s.jsx(g.ToolbarButton,{icon:R.signature,title:"Sign pad",hint:N.TOOLBAR_OPTION_HINTS.signature,onHint:m,active:Xt,disabled:c||a,onClick:()=>Ve(!0)},f.TOOLBAR_OPTION_SIGNATURE):null;if(e===f.TOOLBAR_OPTION_FIND_REPLACE)return u.findReplace?s.jsx(g.ToolbarButton,{icon:R.findReplace,title:"Find and replace",hint:N.TOOLBAR_OPTION_HINTS.findReplace,onHint:m,active:Ye,disabled:c||a,onClick:()=>{Ye?Me(!1):cn(y.FIND_REPLACE_FOCUS_FIND)}},f.TOOLBAR_OPTION_FIND_REPLACE):null;if(e===f.TOOLBAR_OPTION_FIND_REPLACE_DROPDOWN)return u.findReplace?s.jsx(De.ToolbarDropdown,{title:y.FIND_REPLACE_DROPDOWN_TITLE,options:y.INK_FIND_REPLACE_OPTIONS,value:Ko,disabled:c||a,onChange:Or},f.TOOLBAR_OPTION_FIND_REPLACE_DROPDOWN):null;if(e===f.TOOLBAR_OPTION_HORIZONTAL_RULE)return u.horizontalRule?s.jsx(g.ToolbarButton,{icon:R.horizontalRule,title:"Horizontal rule",hint:N.TOOLBAR_OPTION_HINTS.horizontalRule,onHint:m,disabled:c||a,onClick:()=>{B(o.current),_.insertHTML("<hr />"),L()}},f.TOOLBAR_OPTION_HORIZONTAL_RULE):null;if(e==="undo")return s.jsx(g.ToolbarButton,{icon:R.undo,title:"Undo",hint:N.TOOLBAR_OPTION_HINTS.undo,onHint:m,disabled:c||a,onClick:Tn},"undo");if(e==="redo")return s.jsx(g.ToolbarButton,{icon:R.redo,title:"Redo",hint:N.TOOLBAR_OPTION_HINTS.redo,onHint:m,disabled:c||a,onClick:En},"redo");if(e==="trackChanges")return u.trackChanges?s.jsx(g.ToolbarButton,{icon:R.trackChanges,title:"Track changes",hint:N.TOOLBAR_OPTION_HINTS.trackChanges,onHint:m,active:te,disabled:c||a,onClick:()=>ir(!te)},"trackChanges"):null;if(e==="comments")return u.comments?s.jsx(g.ToolbarButton,{icon:R.comments,title:"Comments",hint:N.TOOLBAR_OPTION_HINTS.comments,onHint:m,active:tt,disabled:c||a,onClick:()=>{tt?ut(!1):In()}},"comments"):null;if(e==="code"){const d=l.INK_BUTTON_CONFIG.code;return s.jsx(g.ToolbarButton,{className:l.INK_CLASS_BUTTON_WIDE,icon:s.jsxs(s.Fragment,{children:[R.code,s.jsx("span",{className:l.INK_CLASS_BUTTON_LABEL,children:E.INK_CODE_LABEL})]}),title:d.title,hint:N.TOOLBAR_OPTION_HINTS.code,onHint:m,active:We.has(e),disabled:c||a,onClick:()=>H(e)},"code")}if(e==="ai"){if(!u.ai||!(A!=null&&A.enabled))return null;const d=me.inkPlugins.get("ai");return s.jsxs("button",{type:"button",className:d?`${l.INK_CLASS_AI_PILL} ${l.INK_CLASS_AI_PILL_INSTALLED}`:l.INK_CLASS_AI_PILL,title:E.INK_AI_PILL_LABEL,style:d?{"--ink-plugin-color":d.color}:void 0,"aria-label":E.INK_AI_PILL_LABEL,"aria-pressed":wt,disabled:c||a,onMouseEnter:()=>m(N.TOOLBAR_OPTION_HINTS.ai),onMouseLeave:()=>m(E.EMPTY_STRING),onMouseDown:S=>{S.preventDefault()},onClick:()=>Te(S=>!S),children:[s.jsx("span",{className:l.INK_CLASS_AI_PILL_DOT,"aria-hidden":"true"}),E.INK_AI_PILL_LABEL]},"ai")}const n=l.INK_BUTTON_CONFIG[e];return n?s.jsx(g.ToolbarButton,{icon:R[e]??e.slice(0,1).toUpperCase(),title:n.title,hint:N.TOOLBAR_OPTION_HINTS[e],onHint:m,active:We.has(e),disabled:c||a,onClick:()=>H(e)},e):null},Rn=typeof Ue=="number"?`${Ue}px`:Ue,Mr=typeof Ke=="number"?`${Ke}px`:Ke,Hr=!!(A!=null&&A.enabled&&wt),Dr=re.slice(C.NUMBER_ZERO,j.fitCount),dt=re.slice(j.fitCount);return s.jsxs("div",{ref:ge,className:Ur.cn(l.INK_CLASS_ROOT,Kn),"data-testid":Fn,"data-disabled":c||void 0,"data-variant":pe,"data-chrome":vn,"data-color-mode":rt,"data-ink-theme":nn,"data-premium":Q.active||void 0,"data-wysiwyg":no||void 0,style:{...oo,...zn},...$n,children:[rn?s.jsx("div",{className:l.INK_CLASS_TOOLBAR_SHOW,children:s.jsx(Xr.Button,{type:"button","aria-label":N.TOOLBAR_SHOW_CONTROL_ARIA_LABEL,onClick:()=>ct(!1),children:N.TOOLBAR_SHOW_CONTROL_LABEL})}):s.jsxs("div",{className:l.INK_CLASS_TOOLBAR,role:"toolbar","aria-label":"Ink formatting toolbar",onContextMenu:fr,onDoubleClick:dn,onMouseOver:e=>{const t=e.target.closest("button");if(!(t instanceof HTMLElement))return;const n=t.getAttribute("title")||t.getAttribute("aria-label")||E.EMPTY_STRING;n&&m(n)},onMouseLeave:()=>m(E.EMPTY_STRING),children:[s.jsx("div",{className:l.INK_CLASS_TOOLBAR_MEASURE,ref:j.measureRef,"aria-hidden":!0,children:re.map(Ot)}),s.jsxs("div",{className:l.INK_CLASS_TOOLBAR_ROW,ref:j.rowRef,children:[Dr.map(Ot),M!=null&&M.collaborators&&M.showPresenceStack!==!1?s.jsx(us.PresenceStack,{collaborators:M.collaborators,maxAvatars:M.maxAvatars||4,onFollow:M.onFollow}):null,dt.length>C.NUMBER_ZERO?s.jsx("span",{[l.INK_ATTR_MORE]:"",children:s.jsx(g.ToolbarButton,{icon:"⋯",title:E.INK_TOOLBAR_MORE_TITLE,hint:E.INK_TOOLBAR_MORE_TITLE,onHint:m,active:j.overflowOpen,disabled:c,onClick:()=>j.setOverflowOpen(e=>!e)})}):null]}),j.overflowOpen&&dt.length>C.NUMBER_ZERO?s.jsx("div",{className:l.INK_CLASS_TOOLBAR_OVERFLOW,children:dt.map(Ot)}):null,tn?s.jsx("p",{className:l.INK_CLASS_TOOLBAR_HINT,children:tn}):null]}),s.jsx(ns.ToolbarCustomize,{open:yo,options:or,visibleItems:re,onToggle:lr,onClose:()=>Qt(!1)}),s.jsx(cs.GraphEditModal,{open:Wo,mode:Zo,points:Yo,colors:$o,onClose:()=>ot(!1),onApply:Ir}),s.jsx(es.SignPad,{open:Xt,onClose:()=>Ve(!1),onConfirm:e=>{B(o.current),_.insertImage(e),L()}}),s.jsx(ts.FindReplace,{open:Ye,focusField:Ho,onClose:()=>Me(!1),onReplace:(e,t,n)=>{if(!o.current)return;const i=wr.replaceInHtml(o.current.innerHTML,e,t,n);v(i)}}),te&&u.trackChanges?s.jsx(Jr.TrackChangesBar,{changes:w,onAccept:Nn,onReject:fn,onAcceptAll:()=>w.forEach(e=>Nn(e.id)),onRejectAll:()=>w.forEach(e=>fn(e.id))}):null,pe==="agent"?s.jsx("div",{className:"Ink-Editor__agent-bar",role:"status",children:N.AGENT_BAR_PLACEHOLDER}):null,s.jsxs("div",{className:l.INK_CLASS_SHELL,children:[nr?s.jsx(Qr.OutlineRail,{items:Eo,activeIndex:Oo,onHide:Ln,onSelect:e=>{o.current&&(K.scrollOutlineHeading(o.current,e),Lo(e))}}):null,s.jsxs("div",{className:l.INK_CLASS_BODY,children:[u.blocks?s.jsx(Yr.BlockHandles,{visible:bo&&!c&&!a,top:go,onMoveUp:()=>An("up"),onMoveDown:()=>An("down"),onDragStart:gr}):null,M!=null&&M.collaborators&&M.showRemoteCursors!==!1?s.jsx(_s.RemoteCursors,{collaborators:M.collaborators}):null,s.jsx("div",{ref:o,className:de?`${l.INK_CLASS_CONTENT} ${l.INK_CLASS_CONTENT_HIDDEN}`:l.INK_CLASS_CONTENT,contentEditable:!c&&!a&&!de,role:"textbox","aria-multiline":"true","aria-placeholder":pt,"data-placeholder":pt,suppressContentEditableWarning:!0,style:{minHeight:Rn,maxHeight:Mr},onInput:L,onBlur:ur,onKeyUp:Ne,onKeyDown:Sr,onMouseUp:Ne,onContextMenu:Lr,onDragOver:Br,onDrop:br,onDragEnd:Pr,onPaste:e=>{mr(e)}}),de?s.jsx(os.HtmlSourcePanel,{value:Wt,onChange:Zt,disabled:c||a,minHeight:Rn}):null,en?s.jsx($r.SlashMenu,{items:Po,top:qt.top,left:qt.left,query:Io,onSelect:hr}):null,st?s.jsx(Vr.AiAutocomplete,{suggestion:F.suggestion,position:{top:F.top,left:F.left},visible:F.visible,onAccept:ln,onDismiss:U}):null,s.jsx(zr.InlineToolbar,{open:et.open,top:et.top,left:et.left,icons:{bold:R.bold,italic:R.italic,underline:R.underline,code:R.code,link:R.link,clearFormat:R.clearFormat},activeFormats:We,disabled:c||a,onFormat:pr,onLink:_t,onClose:()=>oe(e=>({...e,open:!1}))}),s.jsx(Hn.ContextMenu,{open:ze.open,x:ze.x,y:ze.y,items:Rr,colorMode:rt,onClose:()=>{Yt(!1),$e(e=>({...e,open:!1}))}}),s.jsx(Hn.ContextMenu,{open:Qe.open,x:Qe.x,y:Qe.y,items:Cr,colorMode:rt,onClose:()=>Je(e=>({...e,open:!1}))})]}),tt&&u.comments?s.jsx(Wr.CommentsPanel,{comments:Le,author:V,onClose:()=>ut(!1),onResolve:e=>{const t=Le.find(n=>n.id===e);at(Le.map(n=>n.id===e?{...n,resolved:!0}:n)),t&&o.current&&v(ft.removeCommentMark(o.current.innerHTML,t.highlightId))},onAddReply:(e,t)=>{at(Le.map(n=>n.id===e?{...n,replies:[...n.replies,{id:gn.createInkId("reply"),author:V,body:t,timestamp:Date.now()}]}:n))}}):null,Hr&&A?s.jsx(Zr.AiPanel,{config:A,documentHtml:((mn=o.current)==null?void 0:mn.innerHTML)??b??"",selectionHtml:yt,onBusyChange:So,onClose:()=>Te(!1),onApplyHtml:e=>{if(B(o.current),yt)_.insertHTML(e);else{v(e);return}L()}}):null]}),ht?s.jsxs("div",{className:l.INK_CLASS_FOOTER,children:[s.jsxs("span",{children:[ao," ",E.INK_FOOTER_WORDS_LABEL," ",E.INK_FOOTER_DOT," ",io,gt?` / ${gt}`:""," ",E.INK_FOOTER_CHARS_LABEL]}),s.jsxs("span",{className:l.INK_CLASS_FOOTER_META,children:[s.jsxs("span",{children:[E.INK_FOOTER_LINE_LABEL," ",_o,", ",E.INK_FOOTER_COL_LABEL," ",To]}),s.jsx("span",{className:"Ink-Editor__footer-sync",children:E.INK_FOOTER_SYNCED_LABEL})]})]}):null]})};exports.InkEditor=Ts;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InkEditor.d.ts","sourceRoot":"","sources":["../../../src/components/InkEditor/InkEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,EAAE,EAMR,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAEV,cAAc,EAKf,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"InkEditor.d.ts","sourceRoot":"","sources":["../../../src/components/InkEditor/InkEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,EAAE,EAMR,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAEV,cAAc,EAKf,MAAM,aAAa,CAAC;AAgUrB,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA2+DxC,CAAC"}
|