UNPKG

react-konva-grid

Version:

Declarative React Canvas Grid primitive for Data table, Pivot table, Excel Worksheets

322 lines (321 loc) 52 kB
<!doctype html> <html class="default no-js"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>&quot;hooks/useEditable&quot; | react-konva-grid</title> <meta name="description" content="Documentation for react-konva-grid"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="../assets/css/main.css"> </head> <body> <header> <div class="tsd-page-toolbar"> <div class="container"> <div class="table-wrap"> <div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base=".."> <div class="field"> <label for="tsd-search-field" class="tsd-widget search no-caption">Search</label> <input id="tsd-search-field" type="text" /> </div> <ul class="results"> <li class="state loading">Preparing search index...</li> <li class="state failure">The search index is not available</li> </ul> <a href="../index.html" class="title">react-konva-grid</a> </div> <div class="table-cell" id="tsd-widgets"> <div id="tsd-filter"> <a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a> <div class="tsd-filter-group"> <div class="tsd-select" id="tsd-filter-visibility"> <span class="tsd-select-label">All</span> <ul class="tsd-select-list"> <li data-value="public">Public</li> <li data-value="protected">Public/Protected</li> <li data-value="private" class="selected">All</li> </ul> </div> <input type="checkbox" id="tsd-filter-inherited" checked /> <label class="tsd-widget" for="tsd-filter-inherited">Inherited</label> <input type="checkbox" id="tsd-filter-externals" checked /> <label class="tsd-widget" for="tsd-filter-externals">Externals</label> <input type="checkbox" id="tsd-filter-only-exported" /> <label class="tsd-widget" for="tsd-filter-only-exported">Only exported</label> </div> </div> <a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a> </div> </div> </div> </div> <div class="tsd-page-title"> <div class="container"> <ul class="tsd-breadcrumb"> <li> <a href="../globals.html">Globals</a> </li> <li> <a href="_hooks_useeditable_.html">&quot;hooks/useEditable&quot;</a> </li> </ul> <h1>Module &quot;hooks/useEditable&quot;</h1> </div> </div> </header> <div class="container container-main"> <div class="row"> <div class="col-8 col-content"> <section class="tsd-panel-group tsd-index-group"> <h2>Index</h2> <section class="tsd-panel tsd-index-panel"> <div class="tsd-index-content"> <section class="tsd-index-section "> <h3>Interfaces</h3> <ul class="tsd-index-list"> <li class="tsd-kind-interface tsd-parent-kind-module"><a href="../interfaces/_hooks_useeditable_.editableresults.html" class="tsd-kind-icon">Editable<wbr>Results</a></li> <li class="tsd-kind-interface tsd-parent-kind-module"><a href="../interfaces/_hooks_useeditable_.editorprops.html" class="tsd-kind-icon">Editor<wbr>Props</a></li> <li class="tsd-kind-interface tsd-parent-kind-module"><a href="../interfaces/_hooks_useeditable_.useeditableoptions.html" class="tsd-kind-icon">Use<wbr>Editable<wbr>Options</a></li> </ul> </section> <section class="tsd-index-section "> <h3>Functions</h3> <ul class="tsd-index-list"> <li class="tsd-kind-function tsd-parent-kind-module tsd-is-not-exported"><a href="_hooks_useeditable_.html#defaulteditor" class="tsd-kind-icon">Default<wbr>Editor</a></li> <li class="tsd-kind-function tsd-parent-kind-module tsd-is-not-exported"><a href="_hooks_useeditable_.html#getdefaulteditor" class="tsd-kind-icon">get<wbr>Default<wbr>Editor</a></li> <li class="tsd-kind-function tsd-parent-kind-module"><a href="_hooks_useeditable_.html#useeditable" class="tsd-kind-icon">use<wbr>Editable</a></li> </ul> </section> </div> </section> </section> <section class="tsd-panel-group tsd-member-group "> <h2>Functions</h2> <section class="tsd-panel tsd-member tsd-kind-function tsd-parent-kind-module tsd-is-not-exported"> <a name="defaulteditor" class="tsd-anchor"></a> <h3><span class="tsd-flag ts-flagConst">Const</span> Default<wbr>Editor</h3> <ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module tsd-is-not-exported"> <li class="tsd-signature tsd-kind-icon">Default<wbr>Editor<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><a href="../interfaces/_hooks_useeditable_.editorprops.html" class="tsd-signature-type">EditorProps</a><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-symbol">{ </span>children<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">ReactNode</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li> </ul> <ul class="tsd-descriptions"> <li class="tsd-description"> <aside class="tsd-sources"> <ul> <li>Defined in <a href="https://github.com/rmdort/konva-grid/blob/41d9546/src/hooks/useEditable.tsx#L138">src/hooks/useEditable.tsx:138</a></li> </ul> </aside> <div class="tsd-comment tsd-typography"> <div class="lead"> <p>Default cell editor</p> </div> </div> <h4 class="tsd-parameters-title">Parameters</h4> <ul class="tsd-parameters"> <li> <h5>props: <a href="../interfaces/_hooks_useeditable_.editorprops.html" class="tsd-signature-type">EditorProps</a><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-symbol">{ </span>children<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">ReactNode</span><span class="tsd-signature-symbol"> }</span></h5> <div class="tsd-comment tsd-typography"> <div class="lead"> </div> </div> </li> </ul> <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4> </li> </ul> </section> <section class="tsd-panel tsd-member tsd-kind-function tsd-parent-kind-module tsd-is-not-exported"> <a name="getdefaulteditor" class="tsd-anchor"></a> <h3><span class="tsd-flag ts-flagConst">Const</span> get<wbr>Default<wbr>Editor</h3> <ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module tsd-is-not-exported"> <li class="tsd-signature tsd-kind-icon">get<wbr>Default<wbr>Editor<span class="tsd-signature-symbol">(</span>cell<span class="tsd-signature-symbol">: </span><a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">FunctionComponent</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/_hooks_useeditable_.editorprops.html" class="tsd-signature-type">EditorProps</a><span class="tsd-signature-symbol">&gt;</span></li> </ul> <ul class="tsd-descriptions"> <li class="tsd-description"> <aside class="tsd-sources"> <ul> <li>Defined in <a href="https://github.com/rmdort/konva-grid/blob/41d9546/src/hooks/useEditable.tsx#L205">src/hooks/useEditable.tsx:205</a></li> </ul> </aside> <h4 class="tsd-parameters-title">Parameters</h4> <ul class="tsd-parameters"> <li> <h5>cell: <a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">null</span></h5> </li> </ul> <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">FunctionComponent</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/_hooks_useeditable_.editorprops.html" class="tsd-signature-type">EditorProps</a><span class="tsd-signature-symbol">&gt;</span></h4> </li> </ul> </section> <section class="tsd-panel tsd-member tsd-kind-function tsd-parent-kind-module"> <a name="useeditable" class="tsd-anchor"></a> <h3><span class="tsd-flag ts-flagConst">Const</span> use<wbr>Editable</h3> <ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module"> <li class="tsd-signature tsd-kind-icon">use<wbr>Editable<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>activeCell<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a><span class="tsd-signature-symbol">; </span>getEditor<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>cell<span class="tsd-signature-symbol">: </span><a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">React.ElementType</span><span class="tsd-signature-symbol">; </span>getValue<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>cell<span class="tsd-signature-symbol">: </span><a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span>gridRef<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">MutableRefObject</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-symbol">{ </span>container<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLDivElement</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol">; </span>focus<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>getCellBounds<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>coords<span class="tsd-signature-symbol">: </span><a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><a href="../interfaces/_grid_.areaprops.html" class="tsd-signature-type">AreaProps</a><span class="tsd-signature-symbol">; </span>getCellCoordsFromOffset<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>x<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, y<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a><span class="tsd-signature-symbol">; </span>getCellOffsetFromCoords<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>coords<span class="tsd-signature-symbol">: </span><a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><a href="../interfaces/_grid_.cellposition.html" class="tsd-signature-type">CellPosition</a><span class="tsd-signature-symbol">; </span>getScrollPosition<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><a href="_grid_.html#scrollcoords" class="tsd-signature-type">ScrollCoords</a><span class="tsd-signature-symbol">; </span>getViewPort<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><a href="../interfaces/_grid_.viewportprops.html" class="tsd-signature-type">ViewPortProps</a><span class="tsd-signature-symbol">; </span>isMergedCell<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>coords<span class="tsd-signature-symbol">: </span><a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>resetAfterIndices<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>coords<span class="tsd-signature-symbol">: </span><a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a>, shouldForceUpdate<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>resizeColumns<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>indices<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>resizeRows<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>indices<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>scrollTo<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>scrollPosition<span class="tsd-signature-symbol">: </span><a href="_grid_.html#scrollcoords" class="tsd-signature-type">ScrollCoords</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>scrollToItem<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>coords<span class="tsd-signature-symbol">: </span><a href="../interfaces/_grid_.optionalcellinterface.html" class="tsd-signature-type">OptionalCellInterface</a>, align<span class="tsd-signature-symbol">?: </span><a href="../enums/_helpers_.align.html" class="tsd-signature-type">Align</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>stage<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">typeof </span><span class="tsd-signature-type">Stage</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">; </span>onBeforeEdit<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>coords<span class="tsd-signature-symbol">: </span><a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">; </span>onCancel<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>e<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">React.KeyboardEvent</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLInputElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">; </span>onChange<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, activeCell<span class="tsd-signature-symbol">: </span><a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>onDelete<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>activeCell<span class="tsd-signature-symbol">: </span><a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a>, selections<span class="tsd-signature-symbol">: </span><a href="../interfaces/_grid_.selectionarea.html" class="tsd-signature-type">SelectionArea</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">; </span>onSubmit<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, activeCell<span class="tsd-signature-symbol">: </span><a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a>, nextActiveCell<span class="tsd-signature-symbol">?: </span><a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">; </span>selections<span class="tsd-signature-symbol">: </span><a href="../interfaces/_grid_.selectionarea.html" class="tsd-signature-type">SelectionArea</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../interfaces/_hooks_useeditable_.editableresults.html" class="tsd-signature-type">EditableResults</a></li> </ul> <ul class="tsd-descriptions"> <li class="tsd-description"> <aside class="tsd-sources"> <ul> <li>Defined in <a href="https://github.com/rmdort/konva-grid/blob/41d9546/src/hooks/useEditable.tsx#L211">src/hooks/useEditable.tsx:211</a></li> </ul> </aside> <div class="tsd-comment tsd-typography"> <div class="lead"> <p>Hook to make grid editable</p> </div> </div> <h4 class="tsd-parameters-title">Parameters</h4> <ul class="tsd-parameters"> <li> <h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>activeCell<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a><span class="tsd-signature-symbol">; </span>getEditor<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>cell<span class="tsd-signature-symbol">: </span><a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">React.ElementType</span><span class="tsd-signature-symbol">; </span>getValue<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>cell<span class="tsd-signature-symbol">: </span><a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span>gridRef<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">MutableRefObject</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-symbol">{ </span>container<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLDivElement</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol">; </span>focus<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>getCellBounds<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>coords<span class="tsd-signature-symbol">: </span><a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><a href="../interfaces/_grid_.areaprops.html" class="tsd-signature-type">AreaProps</a><span class="tsd-signature-symbol">; </span>getCellCoordsFromOffset<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>x<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, y<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a><span class="tsd-signature-symbol">; </span>getCellOffsetFromCoords<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>coords<span class="tsd-signature-symbol">: </span><a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><a href="../interfaces/_grid_.cellposition.html" class="tsd-signature-type">CellPosition</a><span class="tsd-signature-symbol">; </span>getScrollPosition<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><a href="_grid_.html#scrollcoords" class="tsd-signature-type">ScrollCoords</a><span class="tsd-signature-symbol">; </span>getViewPort<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><a href="../interfaces/_grid_.viewportprops.html" class="tsd-signature-type">ViewPortProps</a><span class="tsd-signature-symbol">; </span>isMergedCell<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>coords<span class="tsd-signature-symbol">: </span><a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>resetAfterIndices<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>coords<span class="tsd-signature-symbol">: </span><a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a>, shouldForceUpdate<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>resizeColumns<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>indices<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>resizeRows<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>indices<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>scrollTo<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>scrollPosition<span class="tsd-signature-symbol">: </span><a href="_grid_.html#scrollcoords" class="tsd-signature-type">ScrollCoords</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>scrollToItem<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>coords<span class="tsd-signature-symbol">: </span><a href="../interfaces/_grid_.optionalcellinterface.html" class="tsd-signature-type">OptionalCellInterface</a>, align<span class="tsd-signature-symbol">?: </span><a href="../enums/_helpers_.align.html" class="tsd-signature-type">Align</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>stage<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">typeof </span><span class="tsd-signature-type">Stage</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">; </span>onBeforeEdit<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>coords<span class="tsd-signature-symbol">: </span><a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">; </span>onCancel<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>e<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">React.KeyboardEvent</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLInputElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">; </span>onChange<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, activeCell<span class="tsd-signature-symbol">: </span><a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>onDelete<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>activeCell<span class="tsd-signature-symbol">: </span><a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a>, selections<span class="tsd-signature-symbol">: </span><a href="../interfaces/_grid_.selectionarea.html" class="tsd-signature-type">SelectionArea</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">; </span>onSubmit<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, activeCell<span class="tsd-signature-symbol">: </span><a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a>, nextActiveCell<span class="tsd-signature-symbol">?: </span><a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">; </span>selections<span class="tsd-signature-symbol">: </span><a href="../interfaces/_grid_.selectionarea.html" class="tsd-signature-type">SelectionArea</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> }</span></h5> <ul class="tsd-parameters"> <li class="tsd-parameter"> <h5>active<wbr>Cell<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a></h5> </li> <li class="tsd-parameter"> <h5>get<wbr>Editor<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>cell<span class="tsd-signature-symbol">: </span><a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">React.ElementType</span></h5> <ul class="tsd-parameters"> <li class="tsd-parameter-signature"> <ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-variable"> <li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>cell<span class="tsd-signature-symbol">: </span><a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">React.ElementType</span></li> </ul> <ul class="tsd-descriptions"> <li class="tsd-description"> <h4 class="tsd-parameters-title">Parameters</h4> <ul class="tsd-parameters"> <li> <h5>cell: <a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">null</span></h5> </li> </ul> <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">React.ElementType</span></h4> </li> </ul> </li> </ul> </li> <li class="tsd-parameter"> <h5>get<wbr>Value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>cell<span class="tsd-signature-symbol">: </span><a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">any</span></h5> <ul class="tsd-parameters"> <li class="tsd-parameter-signature"> <ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-variable"> <li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>cell<span class="tsd-signature-symbol">: </span><a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li> </ul> <ul class="tsd-descriptions"> <li class="tsd-description"> <h4 class="tsd-parameters-title">Parameters</h4> <ul class="tsd-parameters"> <li> <h5>cell: <a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a></h5> </li> </ul> <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4> </li> </ul> </li> </ul> </li> <li class="tsd-parameter"> <h5>grid<wbr>Ref<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">MutableRefObject</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-symbol">{ </span>container<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLDivElement</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol">; </span>focus<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>getCellBounds<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>coords<span class="tsd-signature-symbol">: </span><a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><a href="../interfaces/_grid_.areaprops.html" class="tsd-signature-type">AreaProps</a><span class="tsd-signature-symbol">; </span>getCellCoordsFromOffset<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>x<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, y<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a><span class="tsd-signature-symbol">; </span>getCellOffsetFromCoords<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>coords<span class="tsd-signature-symbol">: </span><a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><a href="../interfaces/_grid_.cellposition.html" class="tsd-signature-type">CellPosition</a><span class="tsd-signature-symbol">; </span>getScrollPosition<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><a href="_grid_.html#scrollcoords" class="tsd-signature-type">ScrollCoords</a><span class="tsd-signature-symbol">; </span>getViewPort<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><a href="../interfaces/_grid_.viewportprops.html" class="tsd-signature-type">ViewPortProps</a><span class="tsd-signature-symbol">; </span>isMergedCell<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>coords<span class="tsd-signature-symbol">: </span><a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>resetAfterIndices<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>coords<span class="tsd-signature-symbol">: </span><a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a>, shouldForceUpdate<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>resizeColumns<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>indices<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>resizeRows<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>indices<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>scrollTo<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>scrollPosition<span class="tsd-signature-symbol">: </span><a href="_grid_.html#scrollcoords" class="tsd-signature-type">ScrollCoords</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>scrollToItem<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>coords<span class="tsd-signature-symbol">: </span><a href="../interfaces/_grid_.optionalcellinterface.html" class="tsd-signature-type">OptionalCellInterface</a>, align<span class="tsd-signature-symbol">?: </span><a href="../enums/_helpers_.align.html" class="tsd-signature-type">Align</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>stage<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">typeof </span><span class="tsd-signature-type">Stage</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">&gt;</span></h5> </li> <li class="tsd-parameter"> <h5>on<wbr>Before<wbr>Edit<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>coords<span class="tsd-signature-symbol">: </span><a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span></h5> </li> <li class="tsd-parameter"> <h5>on<wbr>Cancel<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>e<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">React.KeyboardEvent</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLInputElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span></h5> </li> <li class="tsd-parameter"> <h5>on<wbr>Change<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, activeCell<span class="tsd-signature-symbol">: </span><a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></h5> <ul class="tsd-parameters"> <li class="tsd-parameter-signature"> <ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-variable"> <li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, activeCell<span class="tsd-signature-symbol">: </span><a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li> </ul> <ul class="tsd-descriptions"> <li class="tsd-description"> <h4 class="tsd-parameters-title">Parameters</h4> <ul class="tsd-parameters"> <li> <h5>value: <span class="tsd-signature-type">string</span></h5> </li> <li> <h5>activeCell: <a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a></h5> </li> </ul> <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4> </li> </ul> </li> </ul> </li> <li class="tsd-parameter"> <h5>on<wbr>Delete<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>activeCell<span class="tsd-signature-symbol">: </span><a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a>, selections<span class="tsd-signature-symbol">: </span><a href="../interfaces/_grid_.selectionarea.html" class="tsd-signature-type">SelectionArea</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span></h5> </li> <li class="tsd-parameter"> <h5>on<wbr>Submit<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, activeCell<span class="tsd-signature-symbol">: </span><a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a>, nextActiveCell<span class="tsd-signature-symbol">?: </span><a href="../interfaces/_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span></h5> </li> <li class="tsd-parameter"> <h5>selections<span class="tsd-signature-symbol">: </span><a href="../interfaces/_grid_.selectionarea.html" class="tsd-signature-type">SelectionArea</a><span class="tsd-signature-symbol">[]</span></h5> </li> </ul> </li> </ul> <h4 class="tsd-returns-title">Returns <a href="../interfaces/_hooks_useeditable_.editableresults.html" class="tsd-signature-type">EditableResults</a></h4> </li> </ul> </section> </section> </div> <div class="col-4 col-menu menu-sticky-wrap menu-highlight"> <nav class="tsd-navigation primary"> <ul> <li class="globals "> <a href="../globals.html"><em>Globals</em></a> </li> <li class=" tsd-kind-module"> <a href="_cell_.html">&quot;<wbr>Cell&quot;</a> </li> <li class=" tsd-kind-module"> <a href="_grid_.html">&quot;<wbr>Grid&quot;</a> </li> <li class=" tsd-kind-module"> <a href="_helpers_.html">&quot;helpers&quot;</a> </li> <li class=" tsd-kind-module"> <a href="_hooks_useautosizer_.html">&quot;hooks/use<wbr>Auto<wbr>Sizer&quot;</a> </li> <li class=" tsd-kind-module"> <a href="_hooks_usecopypaste_.html">&quot;hooks/use<wbr>Copy<wbr>Paste&quot;</a> </li> <li class="current tsd-kind-module"> <a href="_hooks_useeditable_.html">&quot;hooks/use<wbr>Editable&quot;</a> </li> <li class=" tsd-kind-module"> <a href="_hooks_usepagination_.html">&quot;hooks/use<wbr>Pagination&quot;</a> </li> <li class=" tsd-kind-module"> <a href="_hooks_useselection_.html">&quot;hooks/use<wbr>Selection&quot;</a> </li> <li class=" tsd-kind-module"> <a href="_hooks_usetooltip_.html">&quot;hooks/use<wbr>Tooltip&quot;</a> </li> <li class=" tsd-kind-module"> <a href="_index_.html">&quot;index&quot;</a> </li> <li class=" tsd-kind-module"> <a href="_types_.html">&quot;types&quot;</a> </li> <li class=" tsd-kind-module"> <a href="_utils_.html">&quot;utils&quot;</a> </li> </ul> </nav> <nav class="tsd-navigation secondary menu-sticky"> <ul class="before-current"> <li class=" tsd-kind-interface tsd-parent-kind-module"> <a href="../interfaces/_hooks_useeditable_.editableresults.html" class="tsd-kind-icon">Editable<wbr>Results</a> </li> <li class=" tsd-kind-interface tsd-parent-kind-module"> <a href="../interfaces/_hooks_useeditable_.editorprops.html" class="tsd-kind-icon">Editor<wbr>Props</a> </li> <li class=" tsd-kind-interface tsd-parent-kind-module"> <a href="../interfaces/_hooks_useeditable_.useeditableoptions.html" class="tsd-kind-icon">Use<wbr>Editable<wbr>Options</a>