UNPKG

react-konva-grid

Version:

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

275 lines 35.4 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/useTooltip&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_usetooltip_.html">&quot;hooks/useTooltip&quot;</a> </li> </ul> <h1>Module &quot;hooks/useTooltip&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_usetooltip_.tooltipoptions.html" class="tsd-kind-icon">Tooltip<wbr>Options</a></li> <li class="tsd-kind-interface tsd-parent-kind-module"><a href="../interfaces/_hooks_usetooltip_.tooltipprops.html" class="tsd-kind-icon">Tooltip<wbr>Props</a></li> <li class="tsd-kind-interface tsd-parent-kind-module"><a href="../interfaces/_hooks_usetooltip_.tooltipresults.html" class="tsd-kind-icon">Tooltip<wbr>Results</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_usetooltip_.html#defaulttooltipcomponent" class="tsd-kind-icon">Default<wbr>Tooltip<wbr>Component</a></li> <li class="tsd-kind-function tsd-parent-kind-module"><a href="_hooks_usetooltip_.html#usetooltip" class="tsd-kind-icon">use<wbr>Tooltip</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="defaulttooltipcomponent" class="tsd-anchor"></a> <h3><span class="tsd-flag ts-flagConst">Const</span> Default<wbr>Tooltip<wbr>Component</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>Tooltip<wbr>Component<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>content<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>x<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </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">)</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/useTooltip.tsx#L49">src/hooks/useTooltip.tsx:49</a></li> </ul> </aside> <h4 class="tsd-parameters-title">Parameters</h4> <ul class="tsd-parameters"> <li> <h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>content<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>x<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>y<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> }</span></h5> <ul class="tsd-parameters"> <li class="tsd-parameter"> <h5>content<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5> </li> <li class="tsd-parameter"> <h5>x<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></h5> </li> <li class="tsd-parameter"> <h5>y<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></h5> </li> </ul> </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"> <a name="usetooltip" class="tsd-anchor"></a> <h3><span class="tsd-flag ts-flagConst">Const</span> use<wbr>Tooltip</h3> <ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module"> <li class="tsd-signature tsd-kind-icon">use<wbr>Tooltip<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>Component<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">FunctionComponent</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/_hooks_usetooltip_.tooltipprops.html" class="tsd-signature-type">TooltipProps</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">ComponentClass</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/_hooks_usetooltip_.tooltipprops.html" class="tsd-signature-type">TooltipProps</a><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">&gt;</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><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../interfaces/_hooks_usetooltip_.tooltipresults.html" class="tsd-signature-type">TooltipResults</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/useTooltip.tsx#L70">src/hooks/useTooltip.tsx:70</a></li> </ul> </aside> <h4 class="tsd-parameters-title">Parameters</h4> <ul class="tsd-parameters"> <li> <h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>Component<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">FunctionComponent</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/_hooks_usetooltip_.tooltipprops.html" class="tsd-signature-type">TooltipProps</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">ComponentClass</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/_hooks_usetooltip_.tooltipprops.html" class="tsd-signature-type">TooltipProps</a><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">&gt;</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></h5> <ul class="tsd-parameters"> <li class="tsd-parameter"> <h5>Component<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">FunctionComponent</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/_hooks_usetooltip_.tooltipprops.html" class="tsd-signature-type">TooltipProps</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">ComponentClass</span><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/_hooks_usetooltip_.tooltipprops.html" class="tsd-signature-type">TooltipProps</a><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">&gt;</span></h5> </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> </ul> </li> </ul> <h4 class="tsd-returns-title">Returns <a href="../interfaces/_hooks_usetooltip_.tooltipresults.html" class="tsd-signature-type">TooltipResults</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=" 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="current 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_usetooltip_.tooltipoptions.html" class="tsd-kind-icon">Tooltip<wbr>Options</a> </li> <li class=" tsd-kind-interface tsd-parent-kind-module"> <a href="../interfaces/_hooks_usetooltip_.tooltipprops.html" class="tsd-kind-icon">Tooltip<wbr>Props</a> </li> <li class=" tsd-kind-interface tsd-parent-kind-module"> <a href="../interfaces/_hooks_usetooltip_.tooltipresults.html" class="tsd-kind-icon">Tooltip<wbr>Results</a> </li> <li class=" tsd-kind-function tsd-parent-kind-module tsd-is-not-exported"> <a href="_hooks_usetooltip_.html#defaulttooltipcomponent" class="tsd-kind-icon">Default<wbr>Tooltip<wbr>Component</a> </li> <li class=" tsd-kind-function tsd-parent-kind-module"> <a href="_hooks_usetooltip_.html#usetooltip" class="tsd-kind-icon">use<wbr>Tooltip</a> </li> </ul> </nav> </div> </div> </div> <footer class="with-border-bottom"> <div class="container"> <h2>Legend</h2> <div class="tsd-legend-group"> <ul class="tsd-legend"> <li class="tsd-kind-object-literal"><span class="tsd-kind-icon">Object literal</span></li> <li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li> <li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li> <li class="tsd-kind-function tsd-has-type-parameter"><span class="tsd-kind-icon">Function with type parameter</span></li> <li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li> <li class="tsd-kind-type-alias tsd-has-type-parameter"><span class="tsd-kind-icon">Type alias with type parameter</span></li> </ul> <ul class="tsd-legend"> <li class="tsd-kind-enum"><span class="tsd-kind-icon">Enumeration</span></li> </ul> <ul class="tsd-legend"> <li class="tsd-kind-interface"><span class="tsd-kind-icon">Interface</span></li> </ul> </div> </div> </footer> <div class="container tsd-generator"> <p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p> </div> <div class="overlay"></div> <script src="../assets/js/main.js"></script> <script>if (location.protocol == 'file:') document.write('<script src="../assets/js/search.js"><' + '/script>');</script> </body> </html>