hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

Deployed 13945d677b to master with MkDocs 1.3.0 and mike 1.1.2

Browse Source
This commit is contained in:
GitHub Action 2022-03-28 13:25:03 +00:00
parent eeb32e47ee
commit b102aecad5
18 changed files with 754 additions and 3835 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
master/extensions/api/classes/Main.Ipc/index.html
View File

@ -918,7 +918,7 @@
<h3 id="ipcprefix">[IpcPrefix]<a class="headerlink" href="#ipcprefix" title="Permanent link">#</a></h3>
<p>• <code>Readonly</code> <strong>[IpcPrefix]</strong>: <code>string</code></p>
<h4 id="inherited-from">Inherited from<a class="headerlink" href="#inherited-from" title="Permanent link">#</a></h4>
<p>IpcRegistrar.__@IpcPrefix@48127</p>
<p>IpcRegistrar.__@IpcPrefix@48490</p>
<hr />
<h3 id="extension">extension<a class="headerlink" href="#extension" title="Permanent link">#</a></h3>
<p>• <code>Protected</code> <strong>extension</strong>: <code>LensExtension</code></p>

4
master/extensions/api/classes/Main.LensExtension/index.html
View File

@ -1061,7 +1061,7 @@
<h3 id="disposers">[Disposers]<a class="headerlink" href="#disposers" title="Permanent link">#</a></h3>
<p>• <strong>[Disposers]</strong>: <code>ExtendableDisposer</code></p>
<h4 id="inherited-from_1">Inherited from<a class="headerlink" href="#inherited-from_1" title="Permanent link">#</a></h4>
<p>LensExtension.__@Disposers@24100</p>
<p>LensExtension.__@Disposers@24184</p>
<hr />
<h3 id="appmenus">appMenus<a class="headerlink" href="#appmenus" title="Permanent link">#</a></h3>
<p>• <strong>appMenus</strong>: <code>MenuRegistration</code>[] = <code>[]</code></p>
@ -1152,7 +1152,7 @@ does not modify the shell environment</p>
<h4 id="returns_4">Returns<a class="headerlink" href="#returns_4" title="Permanent link">#</a></h4>
<p><code>void</code></p>
<h4 id="inherited-from_11">Inherited from<a class="headerlink" href="#inherited-from_11" title="Permanent link">#</a></h4>
<p>LensExtension.__@setLensExtensionDependencies@24103</p>
<p>LensExtension.__@setLensExtensionDependencies@24187</p>
<hr />
<h3 id="activate">activate<a class="headerlink" href="#activate" title="Permanent link">#</a></h3>
<p>▸ <strong>activate</strong>(): <code>Promise</code>&lt;<code>void</code>></p>

1551
master/extensions/api/classes/Renderer.Component.DrawerItem/index.html
View File

File diff suppressed because it is too large Load Diff

1551
master/extensions/api/classes/Renderer.Component.DrawerTitle/index.html
View File

File diff suppressed because it is too large Load Diff

2
master/extensions/api/classes/Renderer.Ipc/index.html
View File

@ -918,7 +918,7 @@
<h3 id="ipcprefix">[IpcPrefix]<a class="headerlink" href="#ipcprefix" title="Permanent link">#</a></h3>
<p>• <code>Readonly</code> <strong>[IpcPrefix]</strong>: <code>string</code></p>
<h4 id="inherited-from">Inherited from<a class="headerlink" href="#inherited-from" title="Permanent link">#</a></h4>
<p>IpcRegistrar.__@IpcPrefix@48127</p>
<p>IpcRegistrar.__@IpcPrefix@48490</p>
<hr />
<h3 id="extension">extension<a class="headerlink" href="#extension" title="Permanent link">#</a></h3>
<p>• <code>Protected</code> <strong>extension</strong>: <code>LensExtension</code></p>

39
master/extensions/api/classes/Renderer.K8sApi.PersistentVolumeClaim/index.html
View File

@ -1215,48 +1215,13 @@
<p><a href="../Renderer.K8sApi.KubeObject/">KubeObject</a>.<a href="../Renderer.K8sApi.KubeObject/#metadata">metadata</a></p>
<hr />
<h3 id="spec">spec<a class="headerlink" href="#spec" title="Permanent link">#</a></h3>
<p>• <strong>spec</strong>: <code>Object</code></p>
<h4 id="type-declaration">Type declaration<a class="headerlink" href="#type-declaration" title="Permanent link">#</a></h4>
<table>
<thead>
<tr>
<th align="left">Name</th>
<th align="left">Type</th>
</tr>
</thead>
<tbody>
<tr>
<td align="left"><code>accessModes</code></td>
<td align="left"><code>string</code>[]</td>
</tr>
<tr>
<td align="left"><code>resources</code></td>
<td align="left"><code>Object</code></td>
</tr>
<tr>
<td align="left"><code>resources.requests</code></td>
<td align="left"><code>Object</code></td>
</tr>
<tr>
<td align="left"><code>resources.requests.storage</code></td>
<td align="left"><code>string</code></td>
</tr>
<tr>
<td align="left"><code>selector</code></td>
<td align="left"><code>LabelSelector</code></td>
</tr>
<tr>
<td align="left"><code>storageClassName</code></td>
<td align="left"><code>string</code></td>
</tr>
</tbody>
</table>
<p>• <strong>spec</strong>: <code>PersistentVolumeClaimSpec</code></p>
<h4 id="inherited-from_5">Inherited from<a class="headerlink" href="#inherited-from_5" title="Permanent link">#</a></h4>
<p><a href="../Renderer.K8sApi.KubeObject/">KubeObject</a>.<a href="../Renderer.K8sApi.KubeObject/#spec">spec</a></p>
<hr />
<h3 id="status">status<a class="headerlink" href="#status" title="Permanent link">#</a></h3>
<p>• <strong>status</strong>: <code>Object</code></p>
<h4 id="type-declaration_1">Type declaration<a class="headerlink" href="#type-declaration_1" title="Permanent link">#</a></h4>
<h4 id="type-declaration">Type declaration<a class="headerlink" href="#type-declaration" title="Permanent link">#</a></h4>
<table>
<thead>
<tr>

8
master/extensions/api/classes/Renderer.K8sApi.Pod/index.html
View File

@ -1459,7 +1459,7 @@
</tr>
<tr>
<td align="left"><code>imagePullSecrets?</code></td>
<td align="left">{ <code>name</code>: <code>string</code> }[]</td>
<td align="left"><code>LocalObjectReference</code>[]</td>
</tr>
<tr>
<td align="left"><code>initContainers</code></td>
@ -1519,7 +1519,7 @@
</tr>
<tr>
<td align="left"><code>volumes?</code></td>
<td align="left">{ <code>configMap</code>: { <code>name</code>: <code>string</code> } ; <code>emptyDir</code>: { <code>medium?</code>: <code>string</code> ; <code>sizeLimit?</code>: <code>string</code> } ; <code>name</code>: <code>string</code> ; <code>persistentVolumeClaim</code>: { <code>claimName</code>: <code>string</code> } ; <code>secret</code>: { <code>defaultMode</code>: <code>number</code> ; <code>secretName</code>: <code>string</code> } }[]</td>
<td align="left"><code>PodVolume</code>[]</td>
</tr>
</tbody>
</table>
@ -1966,9 +1966,9 @@ creation timestamp of this object.</p>
<p>WorkloadKubeObject.getTolerations</p>
<hr />
<h3 id="getvolumes">getVolumes<a class="headerlink" href="#getvolumes" title="Permanent link">#</a></h3>
<p>▸ <strong>getVolumes</strong>(): { <code>configMap</code>: { <code>name</code>: <code>string</code> } ; <code>emptyDir</code>: { <code>medium?</code>: <code>string</code> ; <code>sizeLimit?</code>: <code>string</code> } ; <code>name</code>: <code>string</code> ; <code>persistentVolumeClaim</code>: { <code>claimName</code>: <code>string</code> } ; <code>secret</code>: { <code>defaultMode</code>: <code>number</code> ; <code>secretName</code>: <code>string</code> } }[]</p>
<p>▸ <strong>getVolumes</strong>(): <code>PodVolume</code>[]</p>
<h4 id="returns_40">Returns<a class="headerlink" href="#returns_40" title="Permanent link">#</a></h4>
<p>{ <code>configMap</code>: { <code>name</code>: <code>string</code> } ; <code>emptyDir</code>: { <code>medium?</code>: <code>string</code> ; <code>sizeLimit?</code>: <code>string</code> } ; <code>name</code>: <code>string</code> ; <code>persistentVolumeClaim</code>: { <code>claimName</code>: <code>string</code> } ; <code>secret</code>: { <code>defaultMode</code>: <code>number</code> ; <code>secretName</code>: <code>string</code> } }[]</p>
<p><code>PodVolume</code>[]</p>
<hr />
<h3 id="hasissues">hasIssues<a class="headerlink" href="#hasissues" title="Permanent link">#</a></h3>
<p>▸ <strong>hasIssues</strong>(): <code>boolean</code></p>

4
master/extensions/api/classes/Renderer.K8sApi.ReplicaSet/index.html
View File

@ -1347,7 +1347,7 @@
</tr>
<tr>
<td align="left"><code>template.spec.imagePullSecrets?</code></td>
<td align="left">{ <code>name</code>: <code>string</code> }[]</td>
<td align="left"><code>LocalObjectReference</code>[]</td>
</tr>
<tr>
<td align="left"><code>template.spec.initContainers</code></td>
@ -1407,7 +1407,7 @@
</tr>
<tr>
<td align="left"><code>template.spec.volumes?</code></td>
<td align="left">{ <code>configMap</code>: { <code>name</code>: <code>string</code> } ; <code>emptyDir</code>: { <code>medium?</code>: <code>string</code> ; <code>sizeLimit?</code>: <code>string</code> } ; <code>name</code>: <code>string</code> ; <code>persistentVolumeClaim</code>: { <code>claimName</code>: <code>string</code> } ; <code>secret</code>: { <code>defaultMode</code>: <code>number</code> ; <code>secretName</code>: <code>string</code> } }[]</td>
<td align="left"><code>PodVolume</code>[]</td>
</tr>
</tbody>
</table>

4
master/extensions/api/classes/Renderer.LensExtension/index.html
View File

@ -1181,7 +1181,7 @@
<h3 id="disposers">[Disposers]<a class="headerlink" href="#disposers" title="Permanent link">#</a></h3>
<p>• <strong>[Disposers]</strong>: <code>ExtendableDisposer</code></p>
<h4 id="inherited-from_1">Inherited from<a class="headerlink" href="#inherited-from_1" title="Permanent link">#</a></h4>
<p>LensExtension.__@Disposers@24100</p>
<p>LensExtension.__@Disposers@24184</p>
<hr />
<h3 id="additionalcategorycolumns">additionalCategoryColumns<a class="headerlink" href="#additionalcategorycolumns" title="Permanent link">#</a></h3>
<p>• <strong>additionalCategoryColumns</strong>: <a href="../../interfaces/Renderer.Component.AdditionalCategoryColumnRegistration/"><code>AdditionalCategoryColumnRegistration</code></a>[] = <code>[]</code></p>
@ -1307,7 +1307,7 @@
<h4 id="returns_4">Returns<a class="headerlink" href="#returns_4" title="Permanent link">#</a></h4>
<p><code>void</code></p>
<h4 id="inherited-from_11">Inherited from<a class="headerlink" href="#inherited-from_11" title="Permanent link">#</a></h4>
<p>LensExtension.__@setLensExtensionDependencies@24103</p>
<p>LensExtension.__@setLensExtensionDependencies@24187</p>
<hr />
<h3 id="activate">activate<a class="headerlink" href="#activate" title="Permanent link">#</a></h3>
<p>▸ <strong>activate</strong>(): <code>Promise</code>&lt;<code>void</code>></p>

322
master/extensions/api/interfaces/Renderer.Component.DrawerItemLabelsProps/index.html
View File

@ -3309,7 +3309,7 @@ A hint could be a sample value or a brief description of the expected format.</p
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#itemtype">itemType</a></p>
<hr />
<h3 id="labels">labels<a class="headerlink" href="#labels" title="Permanent link">#</a></h3>
<p>• <strong>labels</strong>: <code>string</code>[]</p>
<p>• <strong>labels</strong>: <code>string</code>[] | <code>Record</code>&lt;<code>string</code>, <code>string</code>></p>
<hr />
<h3 id="labelsonly">labelsOnly<a class="headerlink" href="#labelsonly" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>labelsOnly</strong>: <code>boolean</code></p>
@ -3327,804 +3327,804 @@ A hint could be a sample value or a brief description of the expected format.</p
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#name">name</a></p>
<hr />
<h3 id="onabort">onAbort<a class="headerlink" href="#onabort" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onAbort</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onAbort</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_77">Inherited from<a class="headerlink" href="#inherited-from_77" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onabort">onAbort</a></p>
<hr />
<h3 id="onabortcapture">onAbortCapture<a class="headerlink" href="#onabortcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onAbortCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onAbortCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_78">Inherited from<a class="headerlink" href="#inherited-from_78" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onabortcapture">onAbortCapture</a></p>
<hr />
<h3 id="onanimationend">onAnimationEnd<a class="headerlink" href="#onanimationend" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onAnimationEnd</strong>: <code>AnimationEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onAnimationEnd</strong>: <code>AnimationEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_79">Inherited from<a class="headerlink" href="#inherited-from_79" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onanimationend">onAnimationEnd</a></p>
<hr />
<h3 id="onanimationendcapture">onAnimationEndCapture<a class="headerlink" href="#onanimationendcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onAnimationEndCapture</strong>: <code>AnimationEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onAnimationEndCapture</strong>: <code>AnimationEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_80">Inherited from<a class="headerlink" href="#inherited-from_80" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onanimationendcapture">onAnimationEndCapture</a></p>
<hr />
<h3 id="onanimationiteration">onAnimationIteration<a class="headerlink" href="#onanimationiteration" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onAnimationIteration</strong>: <code>AnimationEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onAnimationIteration</strong>: <code>AnimationEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_81">Inherited from<a class="headerlink" href="#inherited-from_81" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onanimationiteration">onAnimationIteration</a></p>
<hr />
<h3 id="onanimationiterationcapture">onAnimationIterationCapture<a class="headerlink" href="#onanimationiterationcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onAnimationIterationCapture</strong>: <code>AnimationEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onAnimationIterationCapture</strong>: <code>AnimationEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_82">Inherited from<a class="headerlink" href="#inherited-from_82" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onanimationiterationcapture">onAnimationIterationCapture</a></p>
<hr />
<h3 id="onanimationstart">onAnimationStart<a class="headerlink" href="#onanimationstart" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onAnimationStart</strong>: <code>AnimationEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onAnimationStart</strong>: <code>AnimationEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_83">Inherited from<a class="headerlink" href="#inherited-from_83" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onanimationstart">onAnimationStart</a></p>
<hr />
<h3 id="onanimationstartcapture">onAnimationStartCapture<a class="headerlink" href="#onanimationstartcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onAnimationStartCapture</strong>: <code>AnimationEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onAnimationStartCapture</strong>: <code>AnimationEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_84">Inherited from<a class="headerlink" href="#inherited-from_84" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onanimationstartcapture">onAnimationStartCapture</a></p>
<hr />
<h3 id="onauxclick">onAuxClick<a class="headerlink" href="#onauxclick" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onAuxClick</strong>: <code>MouseEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onAuxClick</strong>: <code>MouseEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_85">Inherited from<a class="headerlink" href="#inherited-from_85" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onauxclick">onAuxClick</a></p>
<hr />
<h3 id="onauxclickcapture">onAuxClickCapture<a class="headerlink" href="#onauxclickcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onAuxClickCapture</strong>: <code>MouseEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onAuxClickCapture</strong>: <code>MouseEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_86">Inherited from<a class="headerlink" href="#inherited-from_86" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onauxclickcapture">onAuxClickCapture</a></p>
<hr />
<h3 id="onbeforeinput">onBeforeInput<a class="headerlink" href="#onbeforeinput" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onBeforeInput</strong>: <code>FormEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onBeforeInput</strong>: <code>FormEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_87">Inherited from<a class="headerlink" href="#inherited-from_87" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onbeforeinput">onBeforeInput</a></p>
<hr />
<h3 id="onbeforeinputcapture">onBeforeInputCapture<a class="headerlink" href="#onbeforeinputcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onBeforeInputCapture</strong>: <code>FormEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onBeforeInputCapture</strong>: <code>FormEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_88">Inherited from<a class="headerlink" href="#inherited-from_88" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onbeforeinputcapture">onBeforeInputCapture</a></p>
<hr />
<h3 id="onblur">onBlur<a class="headerlink" href="#onblur" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onBlur</strong>: <code>FocusEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onBlur</strong>: <code>FocusEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_89">Inherited from<a class="headerlink" href="#inherited-from_89" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onblur">onBlur</a></p>
<hr />
<h3 id="onblurcapture">onBlurCapture<a class="headerlink" href="#onblurcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onBlurCapture</strong>: <code>FocusEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onBlurCapture</strong>: <code>FocusEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_90">Inherited from<a class="headerlink" href="#inherited-from_90" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onblurcapture">onBlurCapture</a></p>
<hr />
<h3 id="oncanplay">onCanPlay<a class="headerlink" href="#oncanplay" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onCanPlay</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onCanPlay</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_91">Inherited from<a class="headerlink" href="#inherited-from_91" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#oncanplay">onCanPlay</a></p>
<hr />
<h3 id="oncanplaycapture">onCanPlayCapture<a class="headerlink" href="#oncanplaycapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onCanPlayCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onCanPlayCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_92">Inherited from<a class="headerlink" href="#inherited-from_92" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#oncanplaycapture">onCanPlayCapture</a></p>
<hr />
<h3 id="oncanplaythrough">onCanPlayThrough<a class="headerlink" href="#oncanplaythrough" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onCanPlayThrough</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onCanPlayThrough</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_93">Inherited from<a class="headerlink" href="#inherited-from_93" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#oncanplaythrough">onCanPlayThrough</a></p>
<hr />
<h3 id="oncanplaythroughcapture">onCanPlayThroughCapture<a class="headerlink" href="#oncanplaythroughcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onCanPlayThroughCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onCanPlayThroughCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_94">Inherited from<a class="headerlink" href="#inherited-from_94" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#oncanplaythroughcapture">onCanPlayThroughCapture</a></p>
<hr />
<h3 id="onchange">onChange<a class="headerlink" href="#onchange" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onChange</strong>: <code>FormEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onChange</strong>: <code>FormEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_95">Inherited from<a class="headerlink" href="#inherited-from_95" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onchange">onChange</a></p>
<hr />
<h3 id="onchangecapture">onChangeCapture<a class="headerlink" href="#onchangecapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onChangeCapture</strong>: <code>FormEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onChangeCapture</strong>: <code>FormEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_96">Inherited from<a class="headerlink" href="#inherited-from_96" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onchangecapture">onChangeCapture</a></p>
<hr />
<h3 id="onclick">onClick<a class="headerlink" href="#onclick" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onClick</strong>: <code>MouseEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onClick</strong>: <code>MouseEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_97">Inherited from<a class="headerlink" href="#inherited-from_97" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onclick">onClick</a></p>
<hr />
<h3 id="onclickcapture">onClickCapture<a class="headerlink" href="#onclickcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onClickCapture</strong>: <code>MouseEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onClickCapture</strong>: <code>MouseEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_98">Inherited from<a class="headerlink" href="#inherited-from_98" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onclickcapture">onClickCapture</a></p>
<hr />
<h3 id="oncompositionend">onCompositionEnd<a class="headerlink" href="#oncompositionend" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onCompositionEnd</strong>: <code>CompositionEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onCompositionEnd</strong>: <code>CompositionEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_99">Inherited from<a class="headerlink" href="#inherited-from_99" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#oncompositionend">onCompositionEnd</a></p>
<hr />
<h3 id="oncompositionendcapture">onCompositionEndCapture<a class="headerlink" href="#oncompositionendcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onCompositionEndCapture</strong>: <code>CompositionEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onCompositionEndCapture</strong>: <code>CompositionEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_100">Inherited from<a class="headerlink" href="#inherited-from_100" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#oncompositionendcapture">onCompositionEndCapture</a></p>
<hr />
<h3 id="oncompositionstart">onCompositionStart<a class="headerlink" href="#oncompositionstart" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onCompositionStart</strong>: <code>CompositionEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onCompositionStart</strong>: <code>CompositionEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_101">Inherited from<a class="headerlink" href="#inherited-from_101" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#oncompositionstart">onCompositionStart</a></p>
<hr />
<h3 id="oncompositionstartcapture">onCompositionStartCapture<a class="headerlink" href="#oncompositionstartcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onCompositionStartCapture</strong>: <code>CompositionEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onCompositionStartCapture</strong>: <code>CompositionEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_102">Inherited from<a class="headerlink" href="#inherited-from_102" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#oncompositionstartcapture">onCompositionStartCapture</a></p>
<hr />
<h3 id="oncompositionupdate">onCompositionUpdate<a class="headerlink" href="#oncompositionupdate" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onCompositionUpdate</strong>: <code>CompositionEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onCompositionUpdate</strong>: <code>CompositionEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_103">Inherited from<a class="headerlink" href="#inherited-from_103" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#oncompositionupdate">onCompositionUpdate</a></p>
<hr />
<h3 id="oncompositionupdatecapture">onCompositionUpdateCapture<a class="headerlink" href="#oncompositionupdatecapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onCompositionUpdateCapture</strong>: <code>CompositionEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onCompositionUpdateCapture</strong>: <code>CompositionEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_104">Inherited from<a class="headerlink" href="#inherited-from_104" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#oncompositionupdatecapture">onCompositionUpdateCapture</a></p>
<hr />
<h3 id="oncontextmenu">onContextMenu<a class="headerlink" href="#oncontextmenu" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onContextMenu</strong>: <code>MouseEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onContextMenu</strong>: <code>MouseEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_105">Inherited from<a class="headerlink" href="#inherited-from_105" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#oncontextmenu">onContextMenu</a></p>
<hr />
<h3 id="oncontextmenucapture">onContextMenuCapture<a class="headerlink" href="#oncontextmenucapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onContextMenuCapture</strong>: <code>MouseEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onContextMenuCapture</strong>: <code>MouseEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_106">Inherited from<a class="headerlink" href="#inherited-from_106" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#oncontextmenucapture">onContextMenuCapture</a></p>
<hr />
<h3 id="oncopy">onCopy<a class="headerlink" href="#oncopy" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onCopy</strong>: <code>ClipboardEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onCopy</strong>: <code>ClipboardEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_107">Inherited from<a class="headerlink" href="#inherited-from_107" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#oncopy">onCopy</a></p>
<hr />
<h3 id="oncopycapture">onCopyCapture<a class="headerlink" href="#oncopycapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onCopyCapture</strong>: <code>ClipboardEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onCopyCapture</strong>: <code>ClipboardEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_108">Inherited from<a class="headerlink" href="#inherited-from_108" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#oncopycapture">onCopyCapture</a></p>
<hr />
<h3 id="oncut">onCut<a class="headerlink" href="#oncut" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onCut</strong>: <code>ClipboardEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onCut</strong>: <code>ClipboardEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_109">Inherited from<a class="headerlink" href="#inherited-from_109" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#oncut">onCut</a></p>
<hr />
<h3 id="oncutcapture">onCutCapture<a class="headerlink" href="#oncutcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onCutCapture</strong>: <code>ClipboardEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onCutCapture</strong>: <code>ClipboardEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_110">Inherited from<a class="headerlink" href="#inherited-from_110" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#oncutcapture">onCutCapture</a></p>
<hr />
<h3 id="ondoubleclick">onDoubleClick<a class="headerlink" href="#ondoubleclick" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onDoubleClick</strong>: <code>MouseEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onDoubleClick</strong>: <code>MouseEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_111">Inherited from<a class="headerlink" href="#inherited-from_111" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ondoubleclick">onDoubleClick</a></p>
<hr />
<h3 id="ondoubleclickcapture">onDoubleClickCapture<a class="headerlink" href="#ondoubleclickcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onDoubleClickCapture</strong>: <code>MouseEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onDoubleClickCapture</strong>: <code>MouseEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_112">Inherited from<a class="headerlink" href="#inherited-from_112" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ondoubleclickcapture">onDoubleClickCapture</a></p>
<hr />
<h3 id="ondrag">onDrag<a class="headerlink" href="#ondrag" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onDrag</strong>: <code>DragEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onDrag</strong>: <code>DragEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_113">Inherited from<a class="headerlink" href="#inherited-from_113" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ondrag">onDrag</a></p>
<hr />
<h3 id="ondragcapture">onDragCapture<a class="headerlink" href="#ondragcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onDragCapture</strong>: <code>DragEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onDragCapture</strong>: <code>DragEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_114">Inherited from<a class="headerlink" href="#inherited-from_114" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ondragcapture">onDragCapture</a></p>
<hr />
<h3 id="ondragend">onDragEnd<a class="headerlink" href="#ondragend" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onDragEnd</strong>: <code>DragEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onDragEnd</strong>: <code>DragEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_115">Inherited from<a class="headerlink" href="#inherited-from_115" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ondragend">onDragEnd</a></p>
<hr />
<h3 id="ondragendcapture">onDragEndCapture<a class="headerlink" href="#ondragendcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onDragEndCapture</strong>: <code>DragEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onDragEndCapture</strong>: <code>DragEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_116">Inherited from<a class="headerlink" href="#inherited-from_116" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ondragendcapture">onDragEndCapture</a></p>
<hr />
<h3 id="ondragenter">onDragEnter<a class="headerlink" href="#ondragenter" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onDragEnter</strong>: <code>DragEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onDragEnter</strong>: <code>DragEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_117">Inherited from<a class="headerlink" href="#inherited-from_117" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ondragenter">onDragEnter</a></p>
<hr />
<h3 id="ondragentercapture">onDragEnterCapture<a class="headerlink" href="#ondragentercapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onDragEnterCapture</strong>: <code>DragEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onDragEnterCapture</strong>: <code>DragEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_118">Inherited from<a class="headerlink" href="#inherited-from_118" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ondragentercapture">onDragEnterCapture</a></p>
<hr />
<h3 id="ondragexit">onDragExit<a class="headerlink" href="#ondragexit" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onDragExit</strong>: <code>DragEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onDragExit</strong>: <code>DragEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_119">Inherited from<a class="headerlink" href="#inherited-from_119" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ondragexit">onDragExit</a></p>
<hr />
<h3 id="ondragexitcapture">onDragExitCapture<a class="headerlink" href="#ondragexitcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onDragExitCapture</strong>: <code>DragEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onDragExitCapture</strong>: <code>DragEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_120">Inherited from<a class="headerlink" href="#inherited-from_120" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ondragexitcapture">onDragExitCapture</a></p>
<hr />
<h3 id="ondragleave">onDragLeave<a class="headerlink" href="#ondragleave" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onDragLeave</strong>: <code>DragEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onDragLeave</strong>: <code>DragEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_121">Inherited from<a class="headerlink" href="#inherited-from_121" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ondragleave">onDragLeave</a></p>
<hr />
<h3 id="ondragleavecapture">onDragLeaveCapture<a class="headerlink" href="#ondragleavecapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onDragLeaveCapture</strong>: <code>DragEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onDragLeaveCapture</strong>: <code>DragEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_122">Inherited from<a class="headerlink" href="#inherited-from_122" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ondragleavecapture">onDragLeaveCapture</a></p>
<hr />
<h3 id="ondragover">onDragOver<a class="headerlink" href="#ondragover" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onDragOver</strong>: <code>DragEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onDragOver</strong>: <code>DragEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_123">Inherited from<a class="headerlink" href="#inherited-from_123" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ondragover">onDragOver</a></p>
<hr />
<h3 id="ondragovercapture">onDragOverCapture<a class="headerlink" href="#ondragovercapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onDragOverCapture</strong>: <code>DragEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onDragOverCapture</strong>: <code>DragEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_124">Inherited from<a class="headerlink" href="#inherited-from_124" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ondragovercapture">onDragOverCapture</a></p>
<hr />
<h3 id="ondragstart">onDragStart<a class="headerlink" href="#ondragstart" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onDragStart</strong>: <code>DragEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onDragStart</strong>: <code>DragEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_125">Inherited from<a class="headerlink" href="#inherited-from_125" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ondragstart">onDragStart</a></p>
<hr />
<h3 id="ondragstartcapture">onDragStartCapture<a class="headerlink" href="#ondragstartcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onDragStartCapture</strong>: <code>DragEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onDragStartCapture</strong>: <code>DragEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_126">Inherited from<a class="headerlink" href="#inherited-from_126" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ondragstartcapture">onDragStartCapture</a></p>
<hr />
<h3 id="ondrop">onDrop<a class="headerlink" href="#ondrop" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onDrop</strong>: <code>DragEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onDrop</strong>: <code>DragEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_127">Inherited from<a class="headerlink" href="#inherited-from_127" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ondrop">onDrop</a></p>
<hr />
<h3 id="ondropcapture">onDropCapture<a class="headerlink" href="#ondropcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onDropCapture</strong>: <code>DragEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onDropCapture</strong>: <code>DragEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_128">Inherited from<a class="headerlink" href="#inherited-from_128" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ondropcapture">onDropCapture</a></p>
<hr />
<h3 id="ondurationchange">onDurationChange<a class="headerlink" href="#ondurationchange" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onDurationChange</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onDurationChange</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_129">Inherited from<a class="headerlink" href="#inherited-from_129" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ondurationchange">onDurationChange</a></p>
<hr />
<h3 id="ondurationchangecapture">onDurationChangeCapture<a class="headerlink" href="#ondurationchangecapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onDurationChangeCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onDurationChangeCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_130">Inherited from<a class="headerlink" href="#inherited-from_130" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ondurationchangecapture">onDurationChangeCapture</a></p>
<hr />
<h3 id="onemptied">onEmptied<a class="headerlink" href="#onemptied" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onEmptied</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onEmptied</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_131">Inherited from<a class="headerlink" href="#inherited-from_131" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onemptied">onEmptied</a></p>
<hr />
<h3 id="onemptiedcapture">onEmptiedCapture<a class="headerlink" href="#onemptiedcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onEmptiedCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onEmptiedCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_132">Inherited from<a class="headerlink" href="#inherited-from_132" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onemptiedcapture">onEmptiedCapture</a></p>
<hr />
<h3 id="onencrypted">onEncrypted<a class="headerlink" href="#onencrypted" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onEncrypted</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onEncrypted</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_133">Inherited from<a class="headerlink" href="#inherited-from_133" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onencrypted">onEncrypted</a></p>
<hr />
<h3 id="onencryptedcapture">onEncryptedCapture<a class="headerlink" href="#onencryptedcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onEncryptedCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onEncryptedCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_134">Inherited from<a class="headerlink" href="#inherited-from_134" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onencryptedcapture">onEncryptedCapture</a></p>
<hr />
<h3 id="onended">onEnded<a class="headerlink" href="#onended" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onEnded</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onEnded</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_135">Inherited from<a class="headerlink" href="#inherited-from_135" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onended">onEnded</a></p>
<hr />
<h3 id="onendedcapture">onEndedCapture<a class="headerlink" href="#onendedcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onEndedCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onEndedCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_136">Inherited from<a class="headerlink" href="#inherited-from_136" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onendedcapture">onEndedCapture</a></p>
<hr />
<h3 id="onerror">onError<a class="headerlink" href="#onerror" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onError</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onError</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_137">Inherited from<a class="headerlink" href="#inherited-from_137" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onerror">onError</a></p>
<hr />
<h3 id="onerrorcapture">onErrorCapture<a class="headerlink" href="#onerrorcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onErrorCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onErrorCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_138">Inherited from<a class="headerlink" href="#inherited-from_138" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onerrorcapture">onErrorCapture</a></p>
<hr />
<h3 id="onfocus">onFocus<a class="headerlink" href="#onfocus" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onFocus</strong>: <code>FocusEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onFocus</strong>: <code>FocusEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_139">Inherited from<a class="headerlink" href="#inherited-from_139" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onfocus">onFocus</a></p>
<hr />
<h3 id="onfocuscapture">onFocusCapture<a class="headerlink" href="#onfocuscapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onFocusCapture</strong>: <code>FocusEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onFocusCapture</strong>: <code>FocusEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_140">Inherited from<a class="headerlink" href="#inherited-from_140" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onfocuscapture">onFocusCapture</a></p>
<hr />
<h3 id="ongotpointercapture">onGotPointerCapture<a class="headerlink" href="#ongotpointercapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onGotPointerCapture</strong>: <code>PointerEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onGotPointerCapture</strong>: <code>PointerEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_141">Inherited from<a class="headerlink" href="#inherited-from_141" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ongotpointercapture">onGotPointerCapture</a></p>
<hr />
<h3 id="ongotpointercapturecapture">onGotPointerCaptureCapture<a class="headerlink" href="#ongotpointercapturecapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onGotPointerCaptureCapture</strong>: <code>PointerEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onGotPointerCaptureCapture</strong>: <code>PointerEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_142">Inherited from<a class="headerlink" href="#inherited-from_142" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ongotpointercapturecapture">onGotPointerCaptureCapture</a></p>
<hr />
<h3 id="oninput">onInput<a class="headerlink" href="#oninput" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onInput</strong>: <code>FormEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onInput</strong>: <code>FormEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_143">Inherited from<a class="headerlink" href="#inherited-from_143" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#oninput">onInput</a></p>
<hr />
<h3 id="oninputcapture">onInputCapture<a class="headerlink" href="#oninputcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onInputCapture</strong>: <code>FormEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onInputCapture</strong>: <code>FormEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_144">Inherited from<a class="headerlink" href="#inherited-from_144" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#oninputcapture">onInputCapture</a></p>
<hr />
<h3 id="oninvalid">onInvalid<a class="headerlink" href="#oninvalid" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onInvalid</strong>: <code>FormEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onInvalid</strong>: <code>FormEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_145">Inherited from<a class="headerlink" href="#inherited-from_145" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#oninvalid">onInvalid</a></p>
<hr />
<h3 id="oninvalidcapture">onInvalidCapture<a class="headerlink" href="#oninvalidcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onInvalidCapture</strong>: <code>FormEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onInvalidCapture</strong>: <code>FormEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_146">Inherited from<a class="headerlink" href="#inherited-from_146" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#oninvalidcapture">onInvalidCapture</a></p>
<hr />
<h3 id="onkeydown">onKeyDown<a class="headerlink" href="#onkeydown" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onKeyDown</strong>: <code>KeyboardEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onKeyDown</strong>: <code>KeyboardEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_147">Inherited from<a class="headerlink" href="#inherited-from_147" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onkeydown">onKeyDown</a></p>
<hr />
<h3 id="onkeydowncapture">onKeyDownCapture<a class="headerlink" href="#onkeydowncapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onKeyDownCapture</strong>: <code>KeyboardEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onKeyDownCapture</strong>: <code>KeyboardEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_148">Inherited from<a class="headerlink" href="#inherited-from_148" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onkeydowncapture">onKeyDownCapture</a></p>
<hr />
<h3 id="onkeypress">onKeyPress<a class="headerlink" href="#onkeypress" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onKeyPress</strong>: <code>KeyboardEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onKeyPress</strong>: <code>KeyboardEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<p><strong><code>deprecated</code></strong></p>
<h4 id="inherited-from_149">Inherited from<a class="headerlink" href="#inherited-from_149" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onkeypress">onKeyPress</a></p>
<hr />
<h3 id="onkeypresscapture">onKeyPressCapture<a class="headerlink" href="#onkeypresscapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onKeyPressCapture</strong>: <code>KeyboardEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onKeyPressCapture</strong>: <code>KeyboardEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<p><strong><code>deprecated</code></strong></p>
<h4 id="inherited-from_150">Inherited from<a class="headerlink" href="#inherited-from_150" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onkeypresscapture">onKeyPressCapture</a></p>
<hr />
<h3 id="onkeyup">onKeyUp<a class="headerlink" href="#onkeyup" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onKeyUp</strong>: <code>KeyboardEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onKeyUp</strong>: <code>KeyboardEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_151">Inherited from<a class="headerlink" href="#inherited-from_151" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onkeyup">onKeyUp</a></p>
<hr />
<h3 id="onkeyupcapture">onKeyUpCapture<a class="headerlink" href="#onkeyupcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onKeyUpCapture</strong>: <code>KeyboardEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onKeyUpCapture</strong>: <code>KeyboardEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_152">Inherited from<a class="headerlink" href="#inherited-from_152" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onkeyupcapture">onKeyUpCapture</a></p>
<hr />
<h3 id="onload">onLoad<a class="headerlink" href="#onload" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onLoad</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onLoad</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_153">Inherited from<a class="headerlink" href="#inherited-from_153" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onload">onLoad</a></p>
<hr />
<h3 id="onloadcapture">onLoadCapture<a class="headerlink" href="#onloadcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onLoadCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onLoadCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_154">Inherited from<a class="headerlink" href="#inherited-from_154" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onloadcapture">onLoadCapture</a></p>
<hr />
<h3 id="onloadstart">onLoadStart<a class="headerlink" href="#onloadstart" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onLoadStart</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onLoadStart</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_155">Inherited from<a class="headerlink" href="#inherited-from_155" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onloadstart">onLoadStart</a></p>
<hr />
<h3 id="onloadstartcapture">onLoadStartCapture<a class="headerlink" href="#onloadstartcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onLoadStartCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onLoadStartCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_156">Inherited from<a class="headerlink" href="#inherited-from_156" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onloadstartcapture">onLoadStartCapture</a></p>
<hr />
<h3 id="onloadeddata">onLoadedData<a class="headerlink" href="#onloadeddata" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onLoadedData</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onLoadedData</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_157">Inherited from<a class="headerlink" href="#inherited-from_157" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onloadeddata">onLoadedData</a></p>
<hr />
<h3 id="onloadeddatacapture">onLoadedDataCapture<a class="headerlink" href="#onloadeddatacapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onLoadedDataCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onLoadedDataCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_158">Inherited from<a class="headerlink" href="#inherited-from_158" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onloadeddatacapture">onLoadedDataCapture</a></p>
<hr />
<h3 id="onloadedmetadata">onLoadedMetadata<a class="headerlink" href="#onloadedmetadata" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onLoadedMetadata</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onLoadedMetadata</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_159">Inherited from<a class="headerlink" href="#inherited-from_159" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onloadedmetadata">onLoadedMetadata</a></p>
<hr />
<h3 id="onloadedmetadatacapture">onLoadedMetadataCapture<a class="headerlink" href="#onloadedmetadatacapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onLoadedMetadataCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onLoadedMetadataCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_160">Inherited from<a class="headerlink" href="#inherited-from_160" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onloadedmetadatacapture">onLoadedMetadataCapture</a></p>
<hr />
<h3 id="onlostpointercapture">onLostPointerCapture<a class="headerlink" href="#onlostpointercapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onLostPointerCapture</strong>: <code>PointerEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onLostPointerCapture</strong>: <code>PointerEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_161">Inherited from<a class="headerlink" href="#inherited-from_161" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onlostpointercapture">onLostPointerCapture</a></p>
<hr />
<h3 id="onlostpointercapturecapture">onLostPointerCaptureCapture<a class="headerlink" href="#onlostpointercapturecapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onLostPointerCaptureCapture</strong>: <code>PointerEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onLostPointerCaptureCapture</strong>: <code>PointerEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_162">Inherited from<a class="headerlink" href="#inherited-from_162" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onlostpointercapturecapture">onLostPointerCaptureCapture</a></p>
<hr />
<h3 id="onmousedown">onMouseDown<a class="headerlink" href="#onmousedown" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onMouseDown</strong>: <code>MouseEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onMouseDown</strong>: <code>MouseEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_163">Inherited from<a class="headerlink" href="#inherited-from_163" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onmousedown">onMouseDown</a></p>
<hr />
<h3 id="onmousedowncapture">onMouseDownCapture<a class="headerlink" href="#onmousedowncapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onMouseDownCapture</strong>: <code>MouseEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onMouseDownCapture</strong>: <code>MouseEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_164">Inherited from<a class="headerlink" href="#inherited-from_164" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onmousedowncapture">onMouseDownCapture</a></p>
<hr />
<h3 id="onmouseenter">onMouseEnter<a class="headerlink" href="#onmouseenter" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onMouseEnter</strong>: <code>MouseEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onMouseEnter</strong>: <code>MouseEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_165">Inherited from<a class="headerlink" href="#inherited-from_165" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onmouseenter">onMouseEnter</a></p>
<hr />
<h3 id="onmouseleave">onMouseLeave<a class="headerlink" href="#onmouseleave" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onMouseLeave</strong>: <code>MouseEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onMouseLeave</strong>: <code>MouseEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_166">Inherited from<a class="headerlink" href="#inherited-from_166" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onmouseleave">onMouseLeave</a></p>
<hr />
<h3 id="onmousemove">onMouseMove<a class="headerlink" href="#onmousemove" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onMouseMove</strong>: <code>MouseEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onMouseMove</strong>: <code>MouseEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_167">Inherited from<a class="headerlink" href="#inherited-from_167" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onmousemove">onMouseMove</a></p>
<hr />
<h3 id="onmousemovecapture">onMouseMoveCapture<a class="headerlink" href="#onmousemovecapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onMouseMoveCapture</strong>: <code>MouseEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onMouseMoveCapture</strong>: <code>MouseEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_168">Inherited from<a class="headerlink" href="#inherited-from_168" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onmousemovecapture">onMouseMoveCapture</a></p>
<hr />
<h3 id="onmouseout">onMouseOut<a class="headerlink" href="#onmouseout" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onMouseOut</strong>: <code>MouseEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onMouseOut</strong>: <code>MouseEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_169">Inherited from<a class="headerlink" href="#inherited-from_169" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onmouseout">onMouseOut</a></p>
<hr />
<h3 id="onmouseoutcapture">onMouseOutCapture<a class="headerlink" href="#onmouseoutcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onMouseOutCapture</strong>: <code>MouseEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onMouseOutCapture</strong>: <code>MouseEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_170">Inherited from<a class="headerlink" href="#inherited-from_170" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onmouseoutcapture">onMouseOutCapture</a></p>
<hr />
<h3 id="onmouseover">onMouseOver<a class="headerlink" href="#onmouseover" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onMouseOver</strong>: <code>MouseEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onMouseOver</strong>: <code>MouseEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_171">Inherited from<a class="headerlink" href="#inherited-from_171" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onmouseover">onMouseOver</a></p>
<hr />
<h3 id="onmouseovercapture">onMouseOverCapture<a class="headerlink" href="#onmouseovercapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onMouseOverCapture</strong>: <code>MouseEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onMouseOverCapture</strong>: <code>MouseEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_172">Inherited from<a class="headerlink" href="#inherited-from_172" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onmouseovercapture">onMouseOverCapture</a></p>
<hr />
<h3 id="onmouseup">onMouseUp<a class="headerlink" href="#onmouseup" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onMouseUp</strong>: <code>MouseEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onMouseUp</strong>: <code>MouseEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_173">Inherited from<a class="headerlink" href="#inherited-from_173" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onmouseup">onMouseUp</a></p>
<hr />
<h3 id="onmouseupcapture">onMouseUpCapture<a class="headerlink" href="#onmouseupcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onMouseUpCapture</strong>: <code>MouseEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onMouseUpCapture</strong>: <code>MouseEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_174">Inherited from<a class="headerlink" href="#inherited-from_174" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onmouseupcapture">onMouseUpCapture</a></p>
<hr />
<h3 id="onpaste">onPaste<a class="headerlink" href="#onpaste" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPaste</strong>: <code>ClipboardEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPaste</strong>: <code>ClipboardEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_175">Inherited from<a class="headerlink" href="#inherited-from_175" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onpaste">onPaste</a></p>
<hr />
<h3 id="onpastecapture">onPasteCapture<a class="headerlink" href="#onpastecapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPasteCapture</strong>: <code>ClipboardEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPasteCapture</strong>: <code>ClipboardEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_176">Inherited from<a class="headerlink" href="#inherited-from_176" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onpastecapture">onPasteCapture</a></p>
<hr />
<h3 id="onpause">onPause<a class="headerlink" href="#onpause" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPause</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPause</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_177">Inherited from<a class="headerlink" href="#inherited-from_177" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onpause">onPause</a></p>
<hr />
<h3 id="onpausecapture">onPauseCapture<a class="headerlink" href="#onpausecapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPauseCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPauseCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_178">Inherited from<a class="headerlink" href="#inherited-from_178" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onpausecapture">onPauseCapture</a></p>
<hr />
<h3 id="onplay">onPlay<a class="headerlink" href="#onplay" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPlay</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPlay</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_179">Inherited from<a class="headerlink" href="#inherited-from_179" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onplay">onPlay</a></p>
<hr />
<h3 id="onplaycapture">onPlayCapture<a class="headerlink" href="#onplaycapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPlayCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPlayCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_180">Inherited from<a class="headerlink" href="#inherited-from_180" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onplaycapture">onPlayCapture</a></p>
<hr />
<h3 id="onplaying">onPlaying<a class="headerlink" href="#onplaying" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPlaying</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPlaying</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_181">Inherited from<a class="headerlink" href="#inherited-from_181" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onplaying">onPlaying</a></p>
<hr />
<h3 id="onplayingcapture">onPlayingCapture<a class="headerlink" href="#onplayingcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPlayingCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPlayingCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_182">Inherited from<a class="headerlink" href="#inherited-from_182" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onplayingcapture">onPlayingCapture</a></p>
<hr />
<h3 id="onpointercancel">onPointerCancel<a class="headerlink" href="#onpointercancel" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPointerCancel</strong>: <code>PointerEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPointerCancel</strong>: <code>PointerEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_183">Inherited from<a class="headerlink" href="#inherited-from_183" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onpointercancel">onPointerCancel</a></p>
<hr />
<h3 id="onpointercancelcapture">onPointerCancelCapture<a class="headerlink" href="#onpointercancelcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPointerCancelCapture</strong>: <code>PointerEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPointerCancelCapture</strong>: <code>PointerEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_184">Inherited from<a class="headerlink" href="#inherited-from_184" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onpointercancelcapture">onPointerCancelCapture</a></p>
<hr />
<h3 id="onpointerdown">onPointerDown<a class="headerlink" href="#onpointerdown" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPointerDown</strong>: <code>PointerEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPointerDown</strong>: <code>PointerEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_185">Inherited from<a class="headerlink" href="#inherited-from_185" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onpointerdown">onPointerDown</a></p>
<hr />
<h3 id="onpointerdowncapture">onPointerDownCapture<a class="headerlink" href="#onpointerdowncapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPointerDownCapture</strong>: <code>PointerEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPointerDownCapture</strong>: <code>PointerEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_186">Inherited from<a class="headerlink" href="#inherited-from_186" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onpointerdowncapture">onPointerDownCapture</a></p>
<hr />
<h3 id="onpointerenter">onPointerEnter<a class="headerlink" href="#onpointerenter" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPointerEnter</strong>: <code>PointerEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPointerEnter</strong>: <code>PointerEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_187">Inherited from<a class="headerlink" href="#inherited-from_187" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onpointerenter">onPointerEnter</a></p>
<hr />
<h3 id="onpointerentercapture">onPointerEnterCapture<a class="headerlink" href="#onpointerentercapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPointerEnterCapture</strong>: <code>PointerEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPointerEnterCapture</strong>: <code>PointerEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_188">Inherited from<a class="headerlink" href="#inherited-from_188" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onpointerentercapture">onPointerEnterCapture</a></p>
<hr />
<h3 id="onpointerleave">onPointerLeave<a class="headerlink" href="#onpointerleave" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPointerLeave</strong>: <code>PointerEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPointerLeave</strong>: <code>PointerEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_189">Inherited from<a class="headerlink" href="#inherited-from_189" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onpointerleave">onPointerLeave</a></p>
<hr />
<h3 id="onpointerleavecapture">onPointerLeaveCapture<a class="headerlink" href="#onpointerleavecapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPointerLeaveCapture</strong>: <code>PointerEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPointerLeaveCapture</strong>: <code>PointerEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_190">Inherited from<a class="headerlink" href="#inherited-from_190" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onpointerleavecapture">onPointerLeaveCapture</a></p>
<hr />
<h3 id="onpointermove">onPointerMove<a class="headerlink" href="#onpointermove" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPointerMove</strong>: <code>PointerEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPointerMove</strong>: <code>PointerEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_191">Inherited from<a class="headerlink" href="#inherited-from_191" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onpointermove">onPointerMove</a></p>
<hr />
<h3 id="onpointermovecapture">onPointerMoveCapture<a class="headerlink" href="#onpointermovecapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPointerMoveCapture</strong>: <code>PointerEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPointerMoveCapture</strong>: <code>PointerEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_192">Inherited from<a class="headerlink" href="#inherited-from_192" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onpointermovecapture">onPointerMoveCapture</a></p>
<hr />
<h3 id="onpointerout">onPointerOut<a class="headerlink" href="#onpointerout" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPointerOut</strong>: <code>PointerEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPointerOut</strong>: <code>PointerEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_193">Inherited from<a class="headerlink" href="#inherited-from_193" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onpointerout">onPointerOut</a></p>
<hr />
<h3 id="onpointeroutcapture">onPointerOutCapture<a class="headerlink" href="#onpointeroutcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPointerOutCapture</strong>: <code>PointerEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPointerOutCapture</strong>: <code>PointerEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_194">Inherited from<a class="headerlink" href="#inherited-from_194" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onpointeroutcapture">onPointerOutCapture</a></p>
<hr />
<h3 id="onpointerover">onPointerOver<a class="headerlink" href="#onpointerover" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPointerOver</strong>: <code>PointerEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPointerOver</strong>: <code>PointerEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_195">Inherited from<a class="headerlink" href="#inherited-from_195" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onpointerover">onPointerOver</a></p>
<hr />
<h3 id="onpointerovercapture">onPointerOverCapture<a class="headerlink" href="#onpointerovercapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPointerOverCapture</strong>: <code>PointerEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPointerOverCapture</strong>: <code>PointerEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_196">Inherited from<a class="headerlink" href="#inherited-from_196" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onpointerovercapture">onPointerOverCapture</a></p>
<hr />
<h3 id="onpointerup">onPointerUp<a class="headerlink" href="#onpointerup" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPointerUp</strong>: <code>PointerEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPointerUp</strong>: <code>PointerEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_197">Inherited from<a class="headerlink" href="#inherited-from_197" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onpointerup">onPointerUp</a></p>
<hr />
<h3 id="onpointerupcapture">onPointerUpCapture<a class="headerlink" href="#onpointerupcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onPointerUpCapture</strong>: <code>PointerEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onPointerUpCapture</strong>: <code>PointerEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_198">Inherited from<a class="headerlink" href="#inherited-from_198" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onpointerupcapture">onPointerUpCapture</a></p>
<hr />
<h3 id="onprogress">onProgress<a class="headerlink" href="#onprogress" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onProgress</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onProgress</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_199">Inherited from<a class="headerlink" href="#inherited-from_199" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onprogress">onProgress</a></p>
<hr />
<h3 id="onprogresscapture">onProgressCapture<a class="headerlink" href="#onprogresscapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onProgressCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onProgressCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_200">Inherited from<a class="headerlink" href="#inherited-from_200" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onprogresscapture">onProgressCapture</a></p>
<hr />
<h3 id="onratechange">onRateChange<a class="headerlink" href="#onratechange" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onRateChange</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onRateChange</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_201">Inherited from<a class="headerlink" href="#inherited-from_201" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onratechange">onRateChange</a></p>
<hr />
<h3 id="onratechangecapture">onRateChangeCapture<a class="headerlink" href="#onratechangecapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onRateChangeCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onRateChangeCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_202">Inherited from<a class="headerlink" href="#inherited-from_202" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onratechangecapture">onRateChangeCapture</a></p>
<hr />
<h3 id="onreset">onReset<a class="headerlink" href="#onreset" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onReset</strong>: <code>FormEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onReset</strong>: <code>FormEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_203">Inherited from<a class="headerlink" href="#inherited-from_203" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onreset">onReset</a></p>
<hr />
<h3 id="onresetcapture">onResetCapture<a class="headerlink" href="#onresetcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onResetCapture</strong>: <code>FormEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onResetCapture</strong>: <code>FormEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_204">Inherited from<a class="headerlink" href="#inherited-from_204" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onresetcapture">onResetCapture</a></p>
<hr />
<h3 id="onscroll">onScroll<a class="headerlink" href="#onscroll" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onScroll</strong>: <code>UIEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onScroll</strong>: <code>UIEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_205">Inherited from<a class="headerlink" href="#inherited-from_205" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onscroll">onScroll</a></p>
<hr />
<h3 id="onscrollcapture">onScrollCapture<a class="headerlink" href="#onscrollcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onScrollCapture</strong>: <code>UIEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onScrollCapture</strong>: <code>UIEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_206">Inherited from<a class="headerlink" href="#inherited-from_206" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onscrollcapture">onScrollCapture</a></p>
<hr />
<h3 id="onseeked">onSeeked<a class="headerlink" href="#onseeked" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onSeeked</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onSeeked</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_207">Inherited from<a class="headerlink" href="#inherited-from_207" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onseeked">onSeeked</a></p>
<hr />
<h3 id="onseekedcapture">onSeekedCapture<a class="headerlink" href="#onseekedcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onSeekedCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onSeekedCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_208">Inherited from<a class="headerlink" href="#inherited-from_208" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onseekedcapture">onSeekedCapture</a></p>
<hr />
<h3 id="onseeking">onSeeking<a class="headerlink" href="#onseeking" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onSeeking</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onSeeking</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_209">Inherited from<a class="headerlink" href="#inherited-from_209" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onseeking">onSeeking</a></p>
<hr />
<h3 id="onseekingcapture">onSeekingCapture<a class="headerlink" href="#onseekingcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onSeekingCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onSeekingCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_210">Inherited from<a class="headerlink" href="#inherited-from_210" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onseekingcapture">onSeekingCapture</a></p>
<hr />
<h3 id="onselect">onSelect<a class="headerlink" href="#onselect" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onSelect</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onSelect</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_211">Inherited from<a class="headerlink" href="#inherited-from_211" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onselect">onSelect</a></p>
<hr />
<h3 id="onselectcapture">onSelectCapture<a class="headerlink" href="#onselectcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onSelectCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onSelectCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_212">Inherited from<a class="headerlink" href="#inherited-from_212" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onselectcapture">onSelectCapture</a></p>
<hr />
<h3 id="onstalled">onStalled<a class="headerlink" href="#onstalled" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onStalled</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onStalled</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_213">Inherited from<a class="headerlink" href="#inherited-from_213" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onstalled">onStalled</a></p>
<hr />
<h3 id="onstalledcapture">onStalledCapture<a class="headerlink" href="#onstalledcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onStalledCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onStalledCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_214">Inherited from<a class="headerlink" href="#inherited-from_214" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onstalledcapture">onStalledCapture</a></p>
<hr />
<h3 id="onsubmit">onSubmit<a class="headerlink" href="#onsubmit" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onSubmit</strong>: <code>FormEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onSubmit</strong>: <code>FormEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_215">Inherited from<a class="headerlink" href="#inherited-from_215" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onsubmit">onSubmit</a></p>
<hr />
<h3 id="onsubmitcapture">onSubmitCapture<a class="headerlink" href="#onsubmitcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onSubmitCapture</strong>: <code>FormEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onSubmitCapture</strong>: <code>FormEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_216">Inherited from<a class="headerlink" href="#inherited-from_216" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onsubmitcapture">onSubmitCapture</a></p>
<hr />
<h3 id="onsuspend">onSuspend<a class="headerlink" href="#onsuspend" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onSuspend</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onSuspend</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_217">Inherited from<a class="headerlink" href="#inherited-from_217" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onsuspend">onSuspend</a></p>
<hr />
<h3 id="onsuspendcapture">onSuspendCapture<a class="headerlink" href="#onsuspendcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onSuspendCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onSuspendCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_218">Inherited from<a class="headerlink" href="#inherited-from_218" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onsuspendcapture">onSuspendCapture</a></p>
<hr />
<h3 id="ontimeupdate">onTimeUpdate<a class="headerlink" href="#ontimeupdate" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onTimeUpdate</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onTimeUpdate</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_219">Inherited from<a class="headerlink" href="#inherited-from_219" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ontimeupdate">onTimeUpdate</a></p>
<hr />
<h3 id="ontimeupdatecapture">onTimeUpdateCapture<a class="headerlink" href="#ontimeupdatecapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onTimeUpdateCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onTimeUpdateCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_220">Inherited from<a class="headerlink" href="#inherited-from_220" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ontimeupdatecapture">onTimeUpdateCapture</a></p>
<hr />
<h3 id="ontouchcancel">onTouchCancel<a class="headerlink" href="#ontouchcancel" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onTouchCancel</strong>: <code>TouchEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onTouchCancel</strong>: <code>TouchEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_221">Inherited from<a class="headerlink" href="#inherited-from_221" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ontouchcancel">onTouchCancel</a></p>
<hr />
<h3 id="ontouchcancelcapture">onTouchCancelCapture<a class="headerlink" href="#ontouchcancelcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onTouchCancelCapture</strong>: <code>TouchEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onTouchCancelCapture</strong>: <code>TouchEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_222">Inherited from<a class="headerlink" href="#inherited-from_222" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ontouchcancelcapture">onTouchCancelCapture</a></p>
<hr />
<h3 id="ontouchend">onTouchEnd<a class="headerlink" href="#ontouchend" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onTouchEnd</strong>: <code>TouchEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onTouchEnd</strong>: <code>TouchEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_223">Inherited from<a class="headerlink" href="#inherited-from_223" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ontouchend">onTouchEnd</a></p>
<hr />
<h3 id="ontouchendcapture">onTouchEndCapture<a class="headerlink" href="#ontouchendcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onTouchEndCapture</strong>: <code>TouchEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onTouchEndCapture</strong>: <code>TouchEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_224">Inherited from<a class="headerlink" href="#inherited-from_224" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ontouchendcapture">onTouchEndCapture</a></p>
<hr />
<h3 id="ontouchmove">onTouchMove<a class="headerlink" href="#ontouchmove" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onTouchMove</strong>: <code>TouchEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onTouchMove</strong>: <code>TouchEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_225">Inherited from<a class="headerlink" href="#inherited-from_225" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ontouchmove">onTouchMove</a></p>
<hr />
<h3 id="ontouchmovecapture">onTouchMoveCapture<a class="headerlink" href="#ontouchmovecapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onTouchMoveCapture</strong>: <code>TouchEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onTouchMoveCapture</strong>: <code>TouchEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_226">Inherited from<a class="headerlink" href="#inherited-from_226" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ontouchmovecapture">onTouchMoveCapture</a></p>
<hr />
<h3 id="ontouchstart">onTouchStart<a class="headerlink" href="#ontouchstart" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onTouchStart</strong>: <code>TouchEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onTouchStart</strong>: <code>TouchEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_227">Inherited from<a class="headerlink" href="#inherited-from_227" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ontouchstart">onTouchStart</a></p>
<hr />
<h3 id="ontouchstartcapture">onTouchStartCapture<a class="headerlink" href="#ontouchstartcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onTouchStartCapture</strong>: <code>TouchEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onTouchStartCapture</strong>: <code>TouchEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_228">Inherited from<a class="headerlink" href="#inherited-from_228" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ontouchstartcapture">onTouchStartCapture</a></p>
<hr />
<h3 id="ontransitionend">onTransitionEnd<a class="headerlink" href="#ontransitionend" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onTransitionEnd</strong>: <code>TransitionEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onTransitionEnd</strong>: <code>TransitionEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_229">Inherited from<a class="headerlink" href="#inherited-from_229" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ontransitionend">onTransitionEnd</a></p>
<hr />
<h3 id="ontransitionendcapture">onTransitionEndCapture<a class="headerlink" href="#ontransitionendcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onTransitionEndCapture</strong>: <code>TransitionEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onTransitionEndCapture</strong>: <code>TransitionEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_230">Inherited from<a class="headerlink" href="#inherited-from_230" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#ontransitionendcapture">onTransitionEndCapture</a></p>
<hr />
<h3 id="onvolumechange">onVolumeChange<a class="headerlink" href="#onvolumechange" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onVolumeChange</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onVolumeChange</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_231">Inherited from<a class="headerlink" href="#inherited-from_231" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onvolumechange">onVolumeChange</a></p>
<hr />
<h3 id="onvolumechangecapture">onVolumeChangeCapture<a class="headerlink" href="#onvolumechangecapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onVolumeChangeCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onVolumeChangeCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_232">Inherited from<a class="headerlink" href="#inherited-from_232" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onvolumechangecapture">onVolumeChangeCapture</a></p>
<hr />
<h3 id="onwaiting">onWaiting<a class="headerlink" href="#onwaiting" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onWaiting</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onWaiting</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_233">Inherited from<a class="headerlink" href="#inherited-from_233" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onwaiting">onWaiting</a></p>
<hr />
<h3 id="onwaitingcapture">onWaitingCapture<a class="headerlink" href="#onwaitingcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onWaitingCapture</strong>: <code>ReactEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onWaitingCapture</strong>: <code>ReactEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_234">Inherited from<a class="headerlink" href="#inherited-from_234" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onwaitingcapture">onWaitingCapture</a></p>
<hr />
<h3 id="onwheel">onWheel<a class="headerlink" href="#onwheel" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onWheel</strong>: <code>WheelEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onWheel</strong>: <code>WheelEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_235">Inherited from<a class="headerlink" href="#inherited-from_235" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onwheel">onWheel</a></p>
<hr />
<h3 id="onwheelcapture">onWheelCapture<a class="headerlink" href="#onwheelcapture" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>onWheelCapture</strong>: <code>WheelEventHandler</code>&lt;<code>any</code>></p>
<p>• <code>Optional</code> <strong>onWheelCapture</strong>: <code>WheelEventHandler</code>&lt;<code>HTMLDivElement</code>></p>
<h4 id="inherited-from_236">Inherited from<a class="headerlink" href="#inherited-from_236" title="Permanent link">#</a></h4>
<p><a href="../Renderer.Component.DrawerItemProps/">DrawerItemProps</a>.<a href="../Renderer.Component.DrawerItemProps/#onwheelcapture">onWheelCapture</a></p>
<hr />

722
master/extensions/api/interfaces/Renderer.Component.DrawerItemProps/index.html
View File

File diff suppressed because it is too large Load Diff

23
master/extensions/api/interfaces/Renderer.Component.DrawerTitleProps/index.html
View File

@ -739,6 +739,13 @@
<nav class="md-nav" aria-label="Properties">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#children" class="md-nav__link">
children
</a>
</li>
<li class="md-nav__item">
<a href="#classname" class="md-nav__link">
className
@ -747,8 +754,8 @@
</li>
<li class="md-nav__item">
<a href="#title" class="md-nav__link">
title
<a href="#size" class="md-nav__link">
size
</a>
</li>
@ -777,15 +784,21 @@
<h2 id="table-of-contents">Table of contents<a class="headerlink" href="#table-of-contents" title="Permanent link">#</a></h2>
<h3 id="properties">Properties<a class="headerlink" href="#properties" title="Permanent link">#</a></h3>
<ul>
<li><a href="./#children">children</a></li>
<li><a href="./#classname">className</a></li>
<li><a href="./#title">title</a></li>
<li><a href="./#size">size</a></li>
</ul>
<h2 id="properties_1">Properties<a class="headerlink" href="#properties_1" title="Permanent link">#</a></h2>
<h3 id="children">children<a class="headerlink" href="#children" title="Permanent link">#</a></h3>
<p>• <strong>children</strong>: <code>ReactNode</code></p>
<hr />
<h3 id="classname">className<a class="headerlink" href="#classname" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>className</strong>: <code>string</code></p>
<hr />
<h3 id="title">title<a class="headerlink" href="#title" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>title</strong>: <code>ReactNode</code></p>
<h3 id="size">size<a class="headerlink" href="#size" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>size</strong>: <code>"title"</code> | <code>"sub-title"</code></p>
<p>Specifies how large this title is</p>
<p><strong><code>default</code></strong> "title"</p>

2
master/extensions/api/interfaces/Renderer.K8sApi.IPodContainer/index.html
View File

@ -891,7 +891,7 @@
<p>• <code>Optional</code> <strong>env</strong>: { <code>name</code>: <code>string</code> ; <code>value?</code>: <code>string</code> ; <code>valueFrom?</code>: { <code>configMapKeyRef?</code>: { <code>key</code>: <code>string</code> ; <code>name</code>: <code>string</code> } ; <code>fieldRef?</code>: { <code>apiVersion</code>: <code>string</code> ; <code>fieldPath</code>: <code>string</code> } ; <code>secretKeyRef?</code>: { <code>key</code>: <code>string</code> ; <code>name</code>: <code>string</code> } } }[]</p>
<hr />
<h3 id="envfrom">envFrom<a class="headerlink" href="#envfrom" title="Permanent link">#</a></h3>
<p>• <code>Optional</code> <strong>envFrom</strong>: { <code>configMapRef?</code>: { <code>name</code>: <code>string</code> } ; <code>secretRef?</code>: { <code>name</code>: <code>string</code> } }[]</p>
<p>• <code>Optional</code> <strong>envFrom</strong>: { <code>configMapRef?</code>: <code>LocalObjectReference</code> ; <code>secretRef?</code>: <code>LocalObjectReference</code> }[]</p>
<hr />
<h3 id="image">image<a class="headerlink" href="#image" title="Permanent link">#</a></h3>
<p>• <strong>image</strong>: <code>string</code></p>

112
master/extensions/api/modules/Renderer.Component/index.html
View File

@ -1024,11 +1024,25 @@
<nav class="md-nav" aria-label="Functions">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#draweritem" class="md-nav__link">
DrawerItem
</a>
</li>
<li class="md-nav__item">
<a href="#draweritemlabels" class="md-nav__link">
DrawerItemLabels
</a>
</li>
<li class="md-nav__item">
<a href="#drawertitle" class="md-nav__link">
DrawerTitle
</a>
</li>
<li class="md-nav__item">
@ -1157,9 +1171,7 @@
<li><a href="../../classes/Renderer.Component.Checkbox/">Checkbox</a></li>
<li><a href="../../classes/Renderer.Component.ConfirmDialog/">ConfirmDialog</a></li>
<li><a href="../../classes/Renderer.Component.Dialog/">Dialog</a></li>
<li><a href="../../classes/Renderer.Component.DrawerItem/">DrawerItem</a></li>
<li><a href="../../classes/Renderer.Component.DrawerParamToggler/">DrawerParamToggler</a></li>
<li><a href="../../classes/Renderer.Component.DrawerTitle/">DrawerTitle</a></li>
<li><a href="../../classes/Renderer.Component.Icon/">Icon</a></li>
<li><a href="../../classes/Renderer.Component.Input/">Input</a></li>
<li><a href="../../classes/Renderer.Component.KubeObjectDetails/">KubeObjectDetails</a></li>
@ -1301,7 +1313,9 @@
</ul>
<h3 id="functions">Functions<a class="headerlink" href="#functions" title="Permanent link">#</a></h3>
<ul>
<li><a href="./#draweritem">DrawerItem</a></li>
<li><a href="./#draweritemlabels">DrawerItemLabels</a></li>
<li><a href="./#drawertitle">DrawerTitle</a></li>
<li><a href="./#formswitch">FormSwitch</a></li>
<li><a href="./#kubeobjectlistlayout">KubeObjectListLayout</a></li>
<li><a href="./#kubeobjectmenu">KubeObjectMenu</a></li>
@ -1523,9 +1537,29 @@ last clicked Node should be "active" while Pod details are shown).</p>
<h3 id="terminalstore">terminalStore<a class="headerlink" href="#terminalstore" title="Permanent link">#</a></h3>
<p>• <strong>terminalStore</strong>: <code>TerminalStore</code> &amp; { <code>sendCommand</code>: (<code>command</code>: <code>string</code>, <code>options</code>: <code>SendCommandOptions</code>) =&gt; <code>Promise</code>&lt;<code>void</code>> }</p>
<h2 id="functions_1">Functions<a class="headerlink" href="#functions_1" title="Permanent link">#</a></h2>
<h3 id="draweritem">DrawerItem<a class="headerlink" href="#draweritem" title="Permanent link">#</a></h3>
<p>▸ <strong>DrawerItem</strong>(<code>__namedParameters</code>): <code>Element</code></p>
<h4 id="parameters_1">Parameters<a class="headerlink" href="#parameters_1" title="Permanent link">#</a></h4>
<table>
<thead>
<tr>
<th align="left">Name</th>
<th align="left">Type</th>
</tr>
</thead>
<tbody>
<tr>
<td align="left"><code>__namedParameters</code></td>
<td align="left"><a href="../../interfaces/Renderer.Component.DrawerItemProps/"><code>DrawerItemProps</code></a></td>
</tr>
</tbody>
</table>
<h4 id="returns_1">Returns<a class="headerlink" href="#returns_1" title="Permanent link">#</a></h4>
<p><code>Element</code></p>
<hr />
<h3 id="draweritemlabels">DrawerItemLabels<a class="headerlink" href="#draweritemlabels" title="Permanent link">#</a></h3>
<p>▸ <strong>DrawerItemLabels</strong>(<code>props</code>): <code>Element</code></p>
<h4 id="parameters_1">Parameters<a class="headerlink" href="#parameters_1" title="Permanent link">#</a></h4>
<h4 id="parameters_2">Parameters<a class="headerlink" href="#parameters_2" title="Permanent link">#</a></h4>
<table>
<thead>
<tr>
@ -1540,13 +1574,33 @@ last clicked Node should be "active" while Pod details are shown).</p>
</tr>
</tbody>
</table>
<h4 id="returns_1">Returns<a class="headerlink" href="#returns_1" title="Permanent link">#</a></h4>
<h4 id="returns_2">Returns<a class="headerlink" href="#returns_2" title="Permanent link">#</a></h4>
<p><code>Element</code></p>
<hr />
<h3 id="drawertitle">DrawerTitle<a class="headerlink" href="#drawertitle" title="Permanent link">#</a></h3>
<p>▸ <strong>DrawerTitle</strong>(<code>__namedParameters</code>): <code>Element</code></p>
<h4 id="parameters_3">Parameters<a class="headerlink" href="#parameters_3" title="Permanent link">#</a></h4>
<table>
<thead>
<tr>
<th align="left">Name</th>
<th align="left">Type</th>
</tr>
</thead>
<tbody>
<tr>
<td align="left"><code>__namedParameters</code></td>
<td align="left"><a href="../../interfaces/Renderer.Component.DrawerTitleProps/"><code>DrawerTitleProps</code></a></td>
</tr>
</tbody>
</table>
<h4 id="returns_3">Returns<a class="headerlink" href="#returns_3" title="Permanent link">#</a></h4>
<p><code>Element</code></p>
<hr />
<h3 id="formswitch">FormSwitch<a class="headerlink" href="#formswitch" title="Permanent link">#</a></h3>
<p>▸ <strong>FormSwitch</strong>(<code>props</code>): <code>Element</code></p>
<p><strong><code>deprecated</code></strong> Use <Switch/> instead from "../switch.tsx".</p>
<h4 id="parameters_2">Parameters<a class="headerlink" href="#parameters_2" title="Permanent link">#</a></h4>
<h4 id="parameters_4">Parameters<a class="headerlink" href="#parameters_4" title="Permanent link">#</a></h4>
<table>
<thead>
<tr>
@ -1561,7 +1615,7 @@ last clicked Node should be "active" while Pod details are shown).</p>
</tr>
</tbody>
</table>
<h4 id="returns_2">Returns<a class="headerlink" href="#returns_2" title="Permanent link">#</a></h4>
<h4 id="returns_4">Returns<a class="headerlink" href="#returns_4" title="Permanent link">#</a></h4>
<p><code>Element</code></p>
<hr />
<h3 id="kubeobjectlistlayout">KubeObjectListLayout<a class="headerlink" href="#kubeobjectlistlayout" title="Permanent link">#</a></h3>
@ -1581,7 +1635,7 @@ last clicked Node should be "active" while Pod details are shown).</p>
</tr>
</tbody>
</table>
<h4 id="parameters_3">Parameters<a class="headerlink" href="#parameters_3" title="Permanent link">#</a></h4>
<h4 id="parameters_5">Parameters<a class="headerlink" href="#parameters_5" title="Permanent link">#</a></h4>
<table>
<thead>
<tr>
@ -1596,7 +1650,7 @@ last clicked Node should be "active" while Pod details are shown).</p>
</tr>
</tbody>
</table>
<h4 id="returns_3">Returns<a class="headerlink" href="#returns_3" title="Permanent link">#</a></h4>
<h4 id="returns_5">Returns<a class="headerlink" href="#returns_5" title="Permanent link">#</a></h4>
<p><code>Element</code></p>
<hr />
<h3 id="kubeobjectmenu">KubeObjectMenu<a class="headerlink" href="#kubeobjectmenu" title="Permanent link">#</a></h3>
@ -1616,7 +1670,7 @@ last clicked Node should be "active" while Pod details are shown).</p>
</tr>
</tbody>
</table>
<h4 id="parameters_4">Parameters<a class="headerlink" href="#parameters_4" title="Permanent link">#</a></h4>
<h4 id="parameters_6">Parameters<a class="headerlink" href="#parameters_6" title="Permanent link">#</a></h4>
<table>
<thead>
<tr>
@ -1631,12 +1685,12 @@ last clicked Node should be "active" while Pod details are shown).</p>
</tr>
</tbody>
</table>
<h4 id="returns_4">Returns<a class="headerlink" href="#returns_4" title="Permanent link">#</a></h4>
<h4 id="returns_6">Returns<a class="headerlink" href="#returns_6" title="Permanent link">#</a></h4>
<p><code>Element</code></p>
<hr />
<h3 id="submenu">SubMenu<a class="headerlink" href="#submenu" title="Permanent link">#</a></h3>
<p>▸ <strong>SubMenu</strong>(<code>props</code>): <code>Element</code></p>
<h4 id="parameters_5">Parameters<a class="headerlink" href="#parameters_5" title="Permanent link">#</a></h4>
<h4 id="parameters_7">Parameters<a class="headerlink" href="#parameters_7" title="Permanent link">#</a></h4>
<table>
<thead>
<tr>
@ -1651,12 +1705,12 @@ last clicked Node should be "active" while Pod details are shown).</p>
</tr>
</tbody>
</table>
<h4 id="returns_5">Returns<a class="headerlink" href="#returns_5" title="Permanent link">#</a></h4>
<h4 id="returns_7">Returns<a class="headerlink" href="#returns_7" title="Permanent link">#</a></h4>
<p><code>Element</code></p>
<hr />
<h3 id="switch">Switch<a class="headerlink" href="#switch" title="Permanent link">#</a></h3>
<p>▸ <strong>Switch</strong>(<code>__namedParameters</code>): <code>Element</code></p>
<h4 id="parameters_6">Parameters<a class="headerlink" href="#parameters_6" title="Permanent link">#</a></h4>
<h4 id="parameters_8">Parameters<a class="headerlink" href="#parameters_8" title="Permanent link">#</a></h4>
<table>
<thead>
<tr>
@ -1671,12 +1725,12 @@ last clicked Node should be "active" while Pod details are shown).</p>
</tr>
</tbody>
</table>
<h4 id="returns_6">Returns<a class="headerlink" href="#returns_6" title="Permanent link">#</a></h4>
<h4 id="returns_8">Returns<a class="headerlink" href="#returns_8" title="Permanent link">#</a></h4>
<p><code>Element</code></p>
<hr />
<h3 id="tablayout">TabLayout<a class="headerlink" href="#tablayout" title="Permanent link">#</a></h3>
<p>▸ <code>Const</code> <strong>TabLayout</strong>(<code>__namedParameters</code>): <code>Element</code></p>
<h4 id="parameters_7">Parameters<a class="headerlink" href="#parameters_7" title="Permanent link">#</a></h4>
<h4 id="parameters_9">Parameters<a class="headerlink" href="#parameters_9" title="Permanent link">#</a></h4>
<table>
<thead>
<tr>
@ -1691,7 +1745,7 @@ last clicked Node should be "active" while Pod details are shown).</p>
</tr>
</tbody>
</table>
<h4 id="returns_7">Returns<a class="headerlink" href="#returns_7" title="Permanent link">#</a></h4>
<h4 id="returns_9">Returns<a class="headerlink" href="#returns_9" title="Permanent link">#</a></h4>
<p><code>Element</code></p>
<hr />
<h3 id="table">Table<a class="headerlink" href="#table" title="Permanent link">#</a></h3>
@ -1709,7 +1763,7 @@ last clicked Node should be "active" while Pod details are shown).</p>
</tr>
</tbody>
</table>
<h4 id="parameters_8">Parameters<a class="headerlink" href="#parameters_8" title="Permanent link">#</a></h4>
<h4 id="parameters_10">Parameters<a class="headerlink" href="#parameters_10" title="Permanent link">#</a></h4>
<table>
<thead>
<tr>
@ -1724,12 +1778,12 @@ last clicked Node should be "active" while Pod details are shown).</p>
</tr>
</tbody>
</table>
<h4 id="returns_8">Returns<a class="headerlink" href="#returns_8" title="Permanent link">#</a></h4>
<h4 id="returns_10">Returns<a class="headerlink" href="#returns_10" title="Permanent link">#</a></h4>
<p><code>Element</code></p>
<hr />
<h3 id="createterminaltab">createTerminalTab<a class="headerlink" href="#createterminaltab" title="Permanent link">#</a></h3>
<p>▸ <code>Const</code> <strong>createTerminalTab</strong>(<code>tabParams?</code>): <code>Required</code>&lt;<code>DockTabCreate</code>></p>
<h4 id="parameters_9">Parameters<a class="headerlink" href="#parameters_9" title="Permanent link">#</a></h4>
<h4 id="parameters_11">Parameters<a class="headerlink" href="#parameters_11" title="Permanent link">#</a></h4>
<table>
<thead>
<tr>
@ -1744,12 +1798,12 @@ last clicked Node should be "active" while Pod details are shown).</p>
</tr>
</tbody>
</table>
<h4 id="returns_9">Returns<a class="headerlink" href="#returns_9" title="Permanent link">#</a></h4>
<h4 id="returns_11">Returns<a class="headerlink" href="#returns_11" title="Permanent link">#</a></h4>
<p><code>Required</code>&lt;<code>DockTabCreate</code>></p>
<hr />
<h3 id="getdetailsurl">getDetailsUrl<a class="headerlink" href="#getdetailsurl" title="Permanent link">#</a></h3>
<p>▸ <strong>getDetailsUrl</strong>(<code>selfLink</code>, <code>resetSelected?</code>, <code>mergeGlobals?</code>): <code>string</code></p>
<h4 id="parameters_10">Parameters<a class="headerlink" href="#parameters_10" title="Permanent link">#</a></h4>
<h4 id="parameters_12">Parameters<a class="headerlink" href="#parameters_12" title="Permanent link">#</a></h4>
<table>
<thead>
<tr>
@ -1776,17 +1830,17 @@ last clicked Node should be "active" while Pod details are shown).</p>
</tr>
</tbody>
</table>
<h4 id="returns_10">Returns<a class="headerlink" href="#returns_10" title="Permanent link">#</a></h4>
<h4 id="returns_12">Returns<a class="headerlink" href="#returns_12" title="Permanent link">#</a></h4>
<p><code>string</code></p>
<hr />
<h3 id="hidedetails">hideDetails<a class="headerlink" href="#hidedetails" title="Permanent link">#</a></h3>
<p>▸ <strong>hideDetails</strong>(): <code>void</code></p>
<h4 id="returns_11">Returns<a class="headerlink" href="#returns_11" title="Permanent link">#</a></h4>
<h4 id="returns_13">Returns<a class="headerlink" href="#returns_13" title="Permanent link">#</a></h4>
<p><code>void</code></p>
<hr />
<h3 id="showdetails">showDetails<a class="headerlink" href="#showdetails" title="Permanent link">#</a></h3>
<p>▸ <strong>showDetails</strong>(<code>selfLink?</code>, <code>resetSelected?</code>): <code>void</code></p>
<h4 id="parameters_11">Parameters<a class="headerlink" href="#parameters_11" title="Permanent link">#</a></h4>
<h4 id="parameters_13">Parameters<a class="headerlink" href="#parameters_13" title="Permanent link">#</a></h4>
<table>
<thead>
<tr>
@ -1808,12 +1862,12 @@ last clicked Node should be "active" while Pod details are shown).</p>
</tr>
</tbody>
</table>
<h4 id="returns_12">Returns<a class="headerlink" href="#returns_12" title="Permanent link">#</a></h4>
<h4 id="returns_14">Returns<a class="headerlink" href="#returns_14" title="Permanent link">#</a></h4>
<p><code>void</code></p>
<hr />
<h3 id="toggledetails">toggleDetails<a class="headerlink" href="#toggledetails" title="Permanent link">#</a></h3>
<p>▸ <strong>toggleDetails</strong>(<code>selfLink</code>, <code>resetSelected?</code>): <code>void</code></p>
<h4 id="parameters_12">Parameters<a class="headerlink" href="#parameters_12" title="Permanent link">#</a></h4>
<h4 id="parameters_14">Parameters<a class="headerlink" href="#parameters_14" title="Permanent link">#</a></h4>
<table>
<thead>
<tr>
@ -1835,7 +1889,7 @@ last clicked Node should be "active" while Pod details are shown).</p>
</tr>
</tbody>
</table>
<h4 id="returns_13">Returns<a class="headerlink" href="#returns_13" title="Permanent link">#</a></h4>
<h4 id="returns_15">Returns<a class="headerlink" href="#returns_15" title="Permanent link">#</a></h4>
<p><code>void</code></p>
<hr />
<h3 id="withtooltip">withTooltip<a class="headerlink" href="#withtooltip" title="Permanent link">#</a></h3>
@ -1855,7 +1909,7 @@ last clicked Node should be "active" while Pod details are shown).</p>
</tr>
</tbody>
</table>
<h4 id="parameters_13">Parameters<a class="headerlink" href="#parameters_13" title="Permanent link">#</a></h4>
<h4 id="parameters_15">Parameters<a class="headerlink" href="#parameters_15" title="Permanent link">#</a></h4>
<table>
<thead>
<tr>
@ -1870,7 +1924,7 @@ last clicked Node should be "active" while Pod details are shown).</p>
</tr>
</tbody>
</table>
<h4 id="returns_14">Returns<a class="headerlink" href="#returns_14" title="Permanent link">#</a></h4>
<h4 id="returns_16">Returns<a class="headerlink" href="#returns_16" title="Permanent link">#</a></h4>
<p><code>T</code></p>

231
master/extensions/guides/renderer-extension/index.html
View File

@ -1046,11 +1046,11 @@ The Renderer Extension API allows you to access, configure, and customize Lens d
<span class="k">export</span> <span class="k">default</span> <span class="kd">class</span> <span class="nx">ExampleExtensionMain</span> <span class="k">extends</span> <span class="nx">Renderer</span><span class="p">.</span><span class="nx">LensExtension</span> <span class="p">{</span>
<span class="nx">onActivate</span><span class="p">()</span> <span class="p">{</span>
<span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s1">&#39;custom renderer process extension code started&#39;</span><span class="p">);</span>
<span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&quot;custom renderer process extension code started&quot;</span><span class="p">);</span>
<span class="p">}</span>
<span class="nx">onDeactivate</span><span class="p">()</span> <span class="p">{</span>
<span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s1">&#39;custom renderer process extension de-activated&#39;</span><span class="p">);</span>
<span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&quot;custom renderer process extension de-activated&quot;</span><span class="p">);</span>
<span class="p">}</span>
<span class="p">}</span>
</code></pre></div>
@ -1060,13 +1060,12 @@ You can initiate custom code by implementing <code>onActivate()</code>.
Implementing <code>onDeactivate()</code> gives you the opportunity to clean up after your extension.</p>
<div class="admonition info">
<p class="admonition-title">Info</p>
<p>Disable extensions from the Lens Extensions page:</p>
<ol>
<li>Navigate to <strong>File</strong> &gt; <strong>Extensions</strong> in the top menu bar.
(On Mac, it is <strong>Lens</strong> &gt; <strong>Extensions</strong>.)</li>
<li>For the extension you want to disable, open the context menu (click on the three vertical dots) and choose <strong>Disable</strong>.</li>
</ol>
</div>
<p>Disable extensions from the Lens Extensions page:</p>
<div class="highlight"><pre><span></span><code>1. Navigate to **File** &gt; **Extensions** in the top menu bar.
(On Mac, it is **Lens** &gt; **Extensions**.)
2. For the extension you want to disable, open the context menu (click on the three vertical dots) and choose **Disable**.
</code></pre></div>
<p>The example above logs messages when the extension is enabled and disabled.</p>
<h3 id="clusterpages"><code>clusterPages</code><a class="headerlink" href="#clusterpages" title="Permanent link">#</a></h3>
<p>Cluster pages appear in the cluster dashboard.
@ -1075,17 +1074,17 @@ It is also possible to include custom details from other clusters.
Use your extension to access Kubernetes resources in the active cluster with <a href="../stores#Clusterstore"><code>ClusterStore.getInstance()</code></a>.</p>
<p>Add a cluster page definition to a <code>Renderer.LensExtension</code> subclass with the following example:</p>
<div class="highlight"><pre><span></span><code><span class="k">import</span> <span class="p">{</span> <span class="nx">Renderer</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;@k8slens/extensions&quot;</span><span class="p">;</span>
<span class="k">import</span> <span class="p">{</span> <span class="nx">ExampleIcon</span><span class="p">,</span> <span class="nx">ExamplePage</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;./page&quot;</span>
<span class="k">import</span> <span class="nx">React</span> <span class="kr">from</span> <span class="s2">&quot;react&quot;</span>
<span class="k">import</span> <span class="p">{</span> <span class="nx">ExampleIcon</span><span class="p">,</span> <span class="nx">ExamplePage</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;./page&quot;</span><span class="p">;</span>
<span class="k">import</span> <span class="nx">React</span> <span class="kr">from</span> <span class="s2">&quot;react&quot;</span><span class="p">;</span>
<span class="k">export</span> <span class="k">default</span> <span class="kd">class</span> <span class="nx">ExampleExtension</span> <span class="k">extends</span> <span class="nx">Renderer</span><span class="p">.</span><span class="nx">LensExtension</span> <span class="p">{</span>
<span class="nx">clusterPages</span> <span class="o">=</span> <span class="p">[</span>
<span class="p">{</span>
<span class="nx">id</span><span class="o">:</span> <span class="s2">&quot;hello&quot;</span><span class="p">,</span>
<span class="nx">components</span><span class="o">:</span> <span class="p">{</span>
<span class="nx">Page</span><span class="o">:</span> <span class="p">()</span> <span class="p">=&gt;</span> <span class="o">&lt;</span><span class="nx">ExamplePage</span> <span class="nx">extension</span><span class="o">=</span><span class="p">{</span><span class="k">this</span><span class="p">}</span><span class="o">/&gt;</span><span class="p">,</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="nx">Page</span><span class="o">:</span> <span class="p">()</span> <span class="p">=&gt;</span> <span class="o">&lt;</span><span class="nx">ExamplePage</span> <span class="nx">extension</span><span class="o">=</span><span class="p">{</span><span class="k">this</span><span class="p">}</span> <span class="o">/&gt;</span><span class="p">,</span>
<span class="p">},</span>
<span class="p">},</span>
<span class="p">];</span>
<span class="p">}</span>
</code></pre></div>
@ -1095,19 +1094,21 @@ The properties of the <code>clusterPages</code> array objects are defined as fol
<li><code>id</code> is a string that identifies the page.</li>
<li><code>components</code> matches the <code>PageComponents</code> interface for which there is one field, <code>Page</code>.</li>
<li><code>Page</code> is of type <code>React.ComponentType&lt;any&gt;</code>.
It offers flexibility in defining the appearance and behavior of your page.</li>
It offers flexibility in defining the appearance and behavior of your page.</li>
</ul>
<p><code>ExamplePage</code> in the example above can be defined in <code>page.tsx</code>:</p>
<div class="highlight"><pre><span></span><code><span class="k">import</span> <span class="p">{</span> <span class="nx">Renderer</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;@k8slens/extensions&quot;</span><span class="p">;</span>
<span class="k">import</span> <span class="nx">React</span> <span class="kr">from</span> <span class="s2">&quot;react&quot;</span>
<span class="k">import</span> <span class="nx">React</span> <span class="kr">from</span> <span class="s2">&quot;react&quot;</span><span class="p">;</span>
<span class="k">export</span> <span class="kd">class</span> <span class="nx">ExamplePage</span> <span class="k">extends</span> <span class="nx">React</span><span class="p">.</span><span class="nx">Component</span><span class="o">&lt;</span><span class="p">{</span> <span class="nx">extension</span>: <span class="kt">LensRendererExtension</span> <span class="p">}</span><span class="o">&gt;</span> <span class="p">{</span>
<span class="k">export</span> <span class="kd">class</span> <span class="nx">ExamplePage</span> <span class="k">extends</span> <span class="nx">React</span><span class="p">.</span><span class="nx">Component</span><span class="o">&lt;</span><span class="p">{</span>
<span class="nx">extension</span>: <span class="kt">LensRendererExtension</span><span class="p">;</span>
<span class="p">}</span><span class="o">&gt;</span> <span class="p">{</span>
<span class="nx">render</span><span class="p">()</span> <span class="p">{</span>
<span class="k">return</span> <span class="p">(</span>
<span class="o">&lt;</span><span class="nx">div</span><span class="o">&gt;</span>
<span class="o">&lt;</span><span class="nx">p</span><span class="o">&gt;</span><span class="nx">Hello</span> <span class="nx">world</span><span class="o">!&lt;</span><span class="err">/p&gt;</span>
<span class="o">&lt;</span><span class="err">/div&gt;</span>
<span class="p">)</span>
<span class="p">);</span>
<span class="p">}</span>
<span class="p">}</span>
</code></pre></div>
@ -1120,17 +1121,17 @@ Use <code>clusterPageMenus</code>, covered in the next section, to add cluster p
<p><code>clusterPageMenus</code> allows you to add cluster page menu items to the secondary left nav, below Lens's standard cluster menus like <strong>Workloads</strong>, <strong>Custom Resources</strong>, etc.</p>
<p>By expanding on the above example, you can add a cluster page menu item to the <code>ExampleExtension</code> definition:</p>
<div class="highlight"><pre><span></span><code><span class="k">import</span> <span class="p">{</span> <span class="nx">Renderer</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;@k8slens/extensions&quot;</span><span class="p">;</span>
<span class="k">import</span> <span class="p">{</span> <span class="nx">ExampleIcon</span><span class="p">,</span> <span class="nx">ExamplePage</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;./page&quot;</span>
<span class="k">import</span> <span class="nx">React</span> <span class="kr">from</span> <span class="s2">&quot;react&quot;</span>
<span class="k">import</span> <span class="p">{</span> <span class="nx">ExampleIcon</span><span class="p">,</span> <span class="nx">ExamplePage</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;./page&quot;</span><span class="p">;</span>
<span class="k">import</span> <span class="nx">React</span> <span class="kr">from</span> <span class="s2">&quot;react&quot;</span><span class="p">;</span>
<span class="k">export</span> <span class="k">default</span> <span class="kd">class</span> <span class="nx">ExampleExtension</span> <span class="k">extends</span> <span class="nx">Renderer</span><span class="p">.</span><span class="nx">LensExtension</span> <span class="p">{</span>
<span class="nx">clusterPages</span> <span class="o">=</span> <span class="p">[</span>
<span class="p">{</span>
<span class="nx">id</span><span class="o">:</span> <span class="s2">&quot;hello&quot;</span><span class="p">,</span>
<span class="nx">components</span><span class="o">:</span> <span class="p">{</span>
<span class="nx">Page</span><span class="o">:</span> <span class="p">()</span> <span class="p">=&gt;</span> <span class="o">&lt;</span><span class="nx">ExamplePage</span> <span class="nx">extension</span><span class="o">=</span><span class="p">{</span><span class="k">this</span><span class="p">}</span><span class="o">/&gt;</span><span class="p">,</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="nx">Page</span><span class="o">:</span> <span class="p">()</span> <span class="p">=&gt;</span> <span class="o">&lt;</span><span class="nx">ExamplePage</span> <span class="nx">extension</span><span class="o">=</span><span class="p">{</span><span class="k">this</span><span class="p">}</span> <span class="o">/&gt;</span><span class="p">,</span>
<span class="p">},</span>
<span class="p">},</span>
<span class="p">];</span>
<span class="nx">clusterPageMenus</span> <span class="o">=</span> <span class="p">[</span>
@ -1139,7 +1140,7 @@ Use <code>clusterPageMenus</code>, covered in the next section, to add cluster p
<span class="nx">title</span><span class="o">:</span> <span class="s2">&quot;Hello World&quot;</span><span class="p">,</span>
<span class="nx">components</span><span class="o">:</span> <span class="p">{</span>
<span class="nx">Icon</span>: <span class="kt">ExampleIcon</span><span class="p">,</span>
<span class="p">}</span>
<span class="p">},</span>
<span class="p">},</span>
<span class="p">];</span>
<span class="p">}</span>
@ -1157,7 +1158,7 @@ The properties of the <code>clusterPageMenus</code> array objects are defined as
When users click <strong>Hello World</strong>, the cluster dashboard will show the contents of <code>Example Page</code>.</p>
<p>This example requires the definition of another React-based component, <code>ExampleIcon</code>, which has been added to <code>page.tsx</code>, as follows:</p>
<div class="highlight"><pre><span></span><code><span class="k">import</span> <span class="p">{</span> <span class="nx">Renderer</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;@k8slens/extensions&quot;</span><span class="p">;</span>
<span class="k">import</span> <span class="nx">React</span> <span class="kr">from</span> <span class="s2">&quot;react&quot;</span>
<span class="k">import</span> <span class="nx">React</span> <span class="kr">from</span> <span class="s2">&quot;react&quot;</span><span class="p">;</span>
<span class="kr">type</span> <span class="nx">IconProps</span> <span class="o">=</span> <span class="nx">Renderer</span><span class="p">.</span><span class="nx">Component</span><span class="p">.</span><span class="nx">IconProps</span><span class="p">;</span>
@ -1166,16 +1167,18 @@ When users click <strong>Hello World</strong>, the cluster dashboard will show t
<span class="p">}</span> <span class="o">=</span> <span class="nx">Renderer</span><span class="p">;</span>
<span class="k">export</span> <span class="kd">function</span> <span class="nx">ExampleIcon</span><span class="p">(</span><span class="nx">props</span>: <span class="kt">IconProps</span><span class="p">)</span> <span class="p">{</span>
<span class="k">return</span> <span class="o">&lt;</span><span class="nx">Icon</span> <span class="p">{...</span><span class="nx">props</span><span class="p">}</span> <span class="nx">material</span><span class="o">=</span><span class="s2">&quot;pages&quot;</span> <span class="nx">tooltip</span><span class="o">=</span><span class="p">{</span><span class="s2">&quot;Hi!&quot;</span><span class="p">}</span><span class="o">/&gt;</span>
<span class="k">return</span> <span class="o">&lt;</span><span class="nx">Icon</span> <span class="p">{...</span><span class="nx">props</span><span class="p">}</span> <span class="nx">material</span><span class="o">=</span><span class="s2">&quot;pages&quot;</span> <span class="nx">tooltip</span><span class="o">=</span><span class="p">{</span><span class="s2">&quot;Hi!&quot;</span><span class="p">}</span> <span class="o">/&gt;</span><span class="p">;</span>
<span class="p">}</span>
<span class="k">export</span> <span class="kd">class</span> <span class="nx">ExamplePage</span> <span class="k">extends</span> <span class="nx">React</span><span class="p">.</span><span class="nx">Component</span><span class="o">&lt;</span><span class="p">{</span> <span class="nx">extension</span>: <span class="kt">Renderer.LensExtension</span> <span class="p">}</span><span class="o">&gt;</span> <span class="p">{</span>
<span class="k">export</span> <span class="kd">class</span> <span class="nx">ExamplePage</span> <span class="k">extends</span> <span class="nx">React</span><span class="p">.</span><span class="nx">Component</span><span class="o">&lt;</span><span class="p">{</span>
<span class="nx">extension</span>: <span class="kt">Renderer.LensExtension</span><span class="p">;</span>
<span class="p">}</span><span class="o">&gt;</span> <span class="p">{</span>
<span class="nx">render</span><span class="p">()</span> <span class="p">{</span>
<span class="k">return</span> <span class="p">(</span>
<span class="o">&lt;</span><span class="nx">div</span><span class="o">&gt;</span>
<span class="o">&lt;</span><span class="nx">p</span><span class="o">&gt;</span><span class="nx">Hello</span> <span class="nx">world</span><span class="o">!&lt;</span><span class="err">/p&gt;</span>
<span class="o">&lt;</span><span class="err">/div&gt;</span>
<span class="p">)</span>
<span class="p">);</span>
<span class="p">}</span>
<span class="p">}</span>
</code></pre></div>
@ -1189,23 +1192,23 @@ The properties that <code>Renderer.Component.Icon</code> uses are defined as fol
<p><code>clusterPageMenus</code> can also be used to define sub menu items, so that you can create groups of cluster pages.
The following example groups two sub menu items under one parent menu item:</p>
<div class="highlight"><pre><span></span><code><span class="k">import</span> <span class="p">{</span> <span class="nx">Renderer</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;@k8slens/extensions&quot;</span><span class="p">;</span>
<span class="k">import</span> <span class="p">{</span> <span class="nx">ExampleIcon</span><span class="p">,</span> <span class="nx">ExamplePage</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;./page&quot;</span>
<span class="k">import</span> <span class="nx">React</span> <span class="kr">from</span> <span class="s2">&quot;react&quot;</span>
<span class="k">import</span> <span class="p">{</span> <span class="nx">ExampleIcon</span><span class="p">,</span> <span class="nx">ExamplePage</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;./page&quot;</span><span class="p">;</span>
<span class="k">import</span> <span class="nx">React</span> <span class="kr">from</span> <span class="s2">&quot;react&quot;</span><span class="p">;</span>
<span class="k">export</span> <span class="k">default</span> <span class="kd">class</span> <span class="nx">ExampleExtension</span> <span class="k">extends</span> <span class="nx">Renderer</span><span class="p">.</span><span class="nx">LensExtension</span> <span class="p">{</span>
<span class="nx">clusterPages</span> <span class="o">=</span> <span class="p">[</span>
<span class="p">{</span>
<span class="nx">id</span><span class="o">:</span> <span class="s2">&quot;hello&quot;</span><span class="p">,</span>
<span class="nx">components</span><span class="o">:</span> <span class="p">{</span>
<span class="nx">Page</span><span class="o">:</span> <span class="p">()</span> <span class="p">=&gt;</span> <span class="o">&lt;</span><span class="nx">ExamplePage</span> <span class="nx">extension</span><span class="o">=</span><span class="p">{</span><span class="k">this</span><span class="p">}</span><span class="o">/&gt;</span><span class="p">,</span>
<span class="p">}</span>
<span class="nx">Page</span><span class="o">:</span> <span class="p">()</span> <span class="p">=&gt;</span> <span class="o">&lt;</span><span class="nx">ExamplePage</span> <span class="nx">extension</span><span class="o">=</span><span class="p">{</span><span class="k">this</span><span class="p">}</span> <span class="o">/&gt;</span><span class="p">,</span>
<span class="p">},</span>
<span class="p">},</span>
<span class="p">{</span>
<span class="nx">id</span><span class="o">:</span> <span class="s2">&quot;bonjour&quot;</span><span class="p">,</span>
<span class="nx">components</span><span class="o">:</span> <span class="p">{</span>
<span class="nx">Page</span><span class="o">:</span> <span class="p">()</span> <span class="p">=&gt;</span> <span class="o">&lt;</span><span class="nx">ExemplePage</span> <span class="nx">extension</span><span class="o">=</span><span class="p">{</span><span class="k">this</span><span class="p">}</span><span class="o">/&gt;</span><span class="p">,</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="nx">Page</span><span class="o">:</span> <span class="p">()</span> <span class="p">=&gt;</span> <span class="o">&lt;</span><span class="nx">ExemplePage</span> <span class="nx">extension</span><span class="o">=</span><span class="p">{</span><span class="k">this</span><span class="p">}</span> <span class="o">/&gt;</span><span class="p">,</span>
<span class="p">},</span>
<span class="p">},</span>
<span class="p">];</span>
<span class="nx">clusterPageMenus</span> <span class="o">=</span> <span class="p">[</span>
@ -1214,7 +1217,7 @@ The following example groups two sub menu items under one parent menu item:</p>
<span class="nx">title</span><span class="o">:</span> <span class="s2">&quot;Greetings&quot;</span><span class="p">,</span>
<span class="nx">components</span><span class="o">:</span> <span class="p">{</span>
<span class="nx">Icon</span>: <span class="kt">ExampleIcon</span><span class="p">,</span>
<span class="p">}</span>
<span class="p">},</span>
<span class="p">},</span>
<span class="p">{</span>
<span class="nx">parentId</span><span class="o">:</span> <span class="s2">&quot;example&quot;</span><span class="p">,</span>
@ -1222,7 +1225,7 @@ The following example groups two sub menu items under one parent menu item:</p>
<span class="nx">title</span><span class="o">:</span> <span class="s2">&quot;Hello World&quot;</span><span class="p">,</span>
<span class="nx">components</span><span class="o">:</span> <span class="p">{</span>
<span class="nx">Icon</span>: <span class="kt">ExampleIcon</span><span class="p">,</span>
<span class="p">}</span>
<span class="p">},</span>
<span class="p">},</span>
<span class="p">{</span>
<span class="nx">parentId</span><span class="o">:</span> <span class="s2">&quot;example&quot;</span><span class="p">,</span>
@ -1230,8 +1233,8 @@ The following example groups two sub menu items under one parent menu item:</p>
<span class="nx">title</span><span class="o">:</span> <span class="s2">&quot;Bonjour le monde&quot;</span><span class="p">,</span>
<span class="nx">components</span><span class="o">:</span> <span class="p">{</span>
<span class="nx">Icon</span>: <span class="kt">ExempleIcon</span><span class="p">,</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="p">},</span>
<span class="p">},</span>
<span class="p">];</span>
<span class="p">}</span>
</code></pre></div>
@ -1253,18 +1256,18 @@ A cluster page menu object is defined to be a submenu item by setting the <code>
Their primary use is to display information and provide functionality across clusters (or catalog entities), including customized data and functionality unique to your extension.</p>
<p>Unlike cluster pages, users can trigger global pages even when there is no active cluster (or catalog entity).</p>
<p>The following example defines a <code>Renderer.LensExtension</code> subclass with a single global page definition:</p>
<div class="highlight"><pre><span></span><code><span class="k">import</span> <span class="p">{</span> <span class="nx">Renderer</span> <span class="p">}</span> <span class="kr">from</span> <span class="s1">&#39;@k8slens/extensions&#39;</span><span class="p">;</span>
<span class="k">import</span> <span class="p">{</span> <span class="nx">HelpPage</span> <span class="p">}</span> <span class="kr">from</span> <span class="s1">&#39;./page&#39;</span><span class="p">;</span>
<span class="k">import</span> <span class="nx">React</span> <span class="kr">from</span> <span class="s1">&#39;react&#39;</span><span class="p">;</span>
<div class="highlight"><pre><span></span><code><span class="k">import</span> <span class="p">{</span> <span class="nx">Renderer</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;@k8slens/extensions&quot;</span><span class="p">;</span>
<span class="k">import</span> <span class="p">{</span> <span class="nx">HelpPage</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;./page&quot;</span><span class="p">;</span>
<span class="k">import</span> <span class="nx">React</span> <span class="kr">from</span> <span class="s2">&quot;react&quot;</span><span class="p">;</span>
<span class="k">export</span> <span class="k">default</span> <span class="kd">class</span> <span class="nx">HelpExtension</span> <span class="k">extends</span> <span class="nx">Renderer</span><span class="p">.</span><span class="nx">LensExtension</span> <span class="p">{</span>
<span class="nx">globalPages</span> <span class="o">=</span> <span class="p">[</span>
<span class="p">{</span>
<span class="nx">id</span><span class="o">:</span> <span class="s2">&quot;help&quot;</span><span class="p">,</span>
<span class="nx">components</span><span class="o">:</span> <span class="p">{</span>
<span class="nx">Page</span><span class="o">:</span> <span class="p">()</span> <span class="p">=&gt;</span> <span class="o">&lt;</span><span class="nx">HelpPage</span> <span class="nx">extension</span><span class="o">=</span><span class="p">{</span><span class="k">this</span><span class="p">}</span><span class="o">/&gt;</span><span class="p">,</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="nx">Page</span><span class="o">:</span> <span class="p">()</span> <span class="p">=&gt;</span> <span class="o">&lt;</span><span class="nx">HelpPage</span> <span class="nx">extension</span><span class="o">=</span><span class="p">{</span><span class="k">this</span><span class="p">}</span> <span class="o">/&gt;</span><span class="p">,</span>
<span class="p">},</span>
<span class="p">},</span>
<span class="p">];</span>
<span class="p">}</span>
</code></pre></div>
@ -1274,19 +1277,21 @@ The properties of the <code>globalPages</code> array objects are defined as foll
<li><code>id</code> is a string that identifies the page.</li>
<li><code>components</code> matches the <code>PageComponents</code> interface for which there is one field, <code>Page</code>.</li>
<li><code>Page</code> is of type <code>React.ComponentType&lt;any&gt;</code>.
It offers flexibility in defining the appearance and behavior of your page.</li>
It offers flexibility in defining the appearance and behavior of your page.</li>
</ul>
<p><code>HelpPage</code> in the example above can be defined in <code>page.tsx</code>:</p>
<div class="highlight"><pre><span></span><code><span class="k">import</span> <span class="p">{</span> <span class="nx">Renderer</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;@k8slens/extensions&quot;</span><span class="p">;</span>
<span class="k">import</span> <span class="nx">React</span> <span class="kr">from</span> <span class="s2">&quot;react&quot;</span>
<span class="k">import</span> <span class="nx">React</span> <span class="kr">from</span> <span class="s2">&quot;react&quot;</span><span class="p">;</span>
<span class="k">export</span> <span class="kd">class</span> <span class="nx">HelpPage</span> <span class="k">extends</span> <span class="nx">React</span><span class="p">.</span><span class="nx">Component</span><span class="o">&lt;</span><span class="p">{</span> <span class="nx">extension</span>: <span class="kt">LensRendererExtension</span> <span class="p">}</span><span class="o">&gt;</span> <span class="p">{</span>
<span class="k">export</span> <span class="kd">class</span> <span class="nx">HelpPage</span> <span class="k">extends</span> <span class="nx">React</span><span class="p">.</span><span class="nx">Component</span><span class="o">&lt;</span><span class="p">{</span>
<span class="nx">extension</span>: <span class="kt">LensRendererExtension</span><span class="p">;</span>
<span class="p">}</span><span class="o">&gt;</span> <span class="p">{</span>
<span class="nx">render</span><span class="p">()</span> <span class="p">{</span>
<span class="k">return</span> <span class="p">(</span>
<span class="o">&lt;</span><span class="nx">div</span><span class="o">&gt;</span>
<span class="o">&lt;</span><span class="nx">p</span><span class="o">&gt;</span><span class="nx">Help</span> <span class="nx">yourself</span><span class="o">&lt;</span><span class="err">/p&gt;</span>
<span class="o">&lt;</span><span class="err">/div&gt;</span>
<span class="p">)</span>
<span class="p">);</span>
<span class="p">}</span>
<span class="p">}</span>
</code></pre></div>
@ -1306,22 +1311,24 @@ Global pages are typically made available in the following ways:</p>
You can use Lens extensions to add custom preferences to the Preferences page, providing a single location for users to configure global options.</p>
<p>The following example demonstrates adding a custom preference:</p>
<div class="highlight"><pre><span></span><code><span class="k">import</span> <span class="p">{</span> <span class="nx">Renderer</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;@k8slens/extensions&quot;</span><span class="p">;</span>
<span class="k">import</span> <span class="p">{</span> <span class="nx">ExamplePreferenceHint</span><span class="p">,</span> <span class="nx">ExamplePreferenceInput</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;./src/example-preference&quot;</span><span class="p">;</span>
<span class="k">import</span> <span class="p">{</span>
<span class="nx">ExamplePreferenceHint</span><span class="p">,</span>
<span class="nx">ExamplePreferenceInput</span><span class="p">,</span>
<span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;./src/example-preference&quot;</span><span class="p">;</span>
<span class="k">import</span> <span class="p">{</span> <span class="nx">observable</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;mobx&quot;</span><span class="p">;</span>
<span class="k">import</span> <span class="nx">React</span> <span class="kr">from</span> <span class="s2">&quot;react&quot;</span><span class="p">;</span>
<span class="k">export</span> <span class="k">default</span> <span class="kd">class</span> <span class="nx">ExampleRendererExtension</span> <span class="k">extends</span> <span class="nx">Renderer</span><span class="p">.</span><span class="nx">LensExtension</span> <span class="p">{</span>
<span class="kd">@observable</span> <span class="nx">preference</span> <span class="o">=</span> <span class="p">{</span> <span class="nx">enabled</span>: <span class="kt">false</span> <span class="p">};</span>
<span class="nx">appPreferences</span> <span class="o">=</span> <span class="p">[</span>
<span class="p">{</span>
<span class="nx">title</span><span class="o">:</span> <span class="s2">&quot;Example Preferences&quot;</span><span class="p">,</span>
<span class="nx">components</span><span class="o">:</span> <span class="p">{</span>
<span class="nx">Input</span><span class="o">:</span> <span class="p">()</span> <span class="p">=&gt;</span> <span class="o">&lt;</span><span class="nx">ExamplePreferenceInput</span> <span class="nx">preference</span><span class="o">=</span><span class="p">{</span><span class="k">this</span><span class="p">.</span><span class="nx">preference</span><span class="p">}</span><span class="o">/&gt;</span><span class="p">,</span>
<span class="nx">Hint</span><span class="o">:</span> <span class="p">()</span> <span class="p">=&gt;</span> <span class="o">&lt;</span><span class="nx">ExamplePreferenceHint</span><span class="o">/&gt;</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="nx">Input</span><span class="o">:</span> <span class="p">()</span> <span class="p">=&gt;</span> <span class="o">&lt;</span><span class="nx">ExamplePreferenceInput</span> <span class="nx">preference</span><span class="o">=</span><span class="p">{</span><span class="k">this</span><span class="p">.</span><span class="nx">preference</span><span class="p">}</span> <span class="o">/&gt;</span><span class="p">,</span>
<span class="nx">Hint</span><span class="o">:</span> <span class="p">()</span> <span class="p">=&gt;</span> <span class="o">&lt;</span><span class="nx">ExamplePreferenceHint</span> <span class="o">/&gt;</span><span class="p">,</span>
<span class="p">},</span>
<span class="p">},</span>
<span class="p">];</span>
<span class="p">}</span>
</code></pre></div>
@ -1329,16 +1336,14 @@ You can use Lens extensions to add custom preferences to the Preferences page, p
The properties of the <code>appPreferences</code> array objects are defined as follows:</p>
<ul>
<li><code>title</code> sets the heading text displayed on the Preferences page.</li>
<li><code>components</code> specifies two <code>React.Component</code> objects that define the interface for the preference.<ul>
<li><code>components</code> specifies two <code>React.Component</code> objects that define the interface for the preference.</li>
<li><code>Input</code> specifies an interactive input element for the preference.</li>
<li><code>Hint</code> provides descriptive information for the preference, shown below the <code>Input</code> element.</li>
</ul>
</li>
</ul>
<div class="admonition note">
<p class="admonition-title">Note</p>
<p>Note that the input and the hint can be comprised of more sophisticated elements, according to the needs of the extension.</p>
</div>
<p>Note that the input and the hint can be comprised of more sophisticated elements, according to the needs of the extension.</p>
<p><code>ExamplePreferenceInput</code> expects its React props to be set to an <code>ExamplePreferenceProps</code> instance.
This is how <code>ExampleRendererExtension</code> handles the state of the preference input.
<code>ExampleRendererExtension</code> has a <code>preference</code> field, which you will add to <code>ExamplePreferenceInput</code>.</p>
@ -1349,22 +1354,19 @@ This is how <code>ExampleRendererExtension</code> handles the state of the prefe
<span class="k">import</span> <span class="nx">React</span> <span class="kr">from</span> <span class="s2">&quot;react&quot;</span><span class="p">;</span>
<span class="kd">const</span> <span class="p">{</span>
<span class="nx">Component</span><span class="o">:</span> <span class="p">{</span>
<span class="nx">Checkbox</span><span class="p">,</span>
<span class="p">},</span>
<span class="nx">Component</span><span class="o">:</span> <span class="p">{</span> <span class="nx">Checkbox</span> <span class="p">},</span>
<span class="p">}</span> <span class="o">=</span> <span class="nx">Renderer</span><span class="p">;</span>
<span class="k">export</span> <span class="kd">class</span> <span class="nx">ExamplePreferenceProps</span> <span class="p">{</span>
<span class="nx">preference</span><span class="o">:</span> <span class="p">{</span>
<span class="nx">enabled</span>: <span class="kt">boolean</span><span class="p">;</span>
<span class="p">}</span>
<span class="p">};</span>
<span class="p">}</span>
<span class="kd">@observer</span>
<span class="k">export</span> <span class="kd">class</span> <span class="nx">ExamplePreferenceInput</span> <span class="k">extends</span> <span class="nx">React</span><span class="p">.</span><span class="nx">Component</span><span class="o">&lt;</span><span class="nx">ExamplePreferenceProps</span><span class="o">&gt;</span> <span class="p">{</span>
<span class="k">public</span> <span class="kr">constructor</span><span class="p">()</span> <span class="p">{</span>
<span class="k">super</span><span class="p">({</span><span class="nx">preference</span><span class="o">:</span> <span class="p">{</span> <span class="nx">enabled</span>: <span class="kt">false</span><span class="p">}});</span>
<span class="k">super</span><span class="p">({</span> <span class="nx">preference</span><span class="o">:</span> <span class="p">{</span> <span class="nx">enabled</span>: <span class="kt">false</span> <span class="p">}</span> <span class="p">});</span>
<span class="nx">makeObservable</span><span class="p">(</span><span class="k">this</span><span class="p">);</span>
<span class="p">}</span>
@ -1374,7 +1376,9 @@ This is how <code>ExampleRendererExtension</code> handles the state of the prefe
<span class="o">&lt;</span><span class="nx">Checkbox</span>
<span class="nx">label</span><span class="o">=</span><span class="s2">&quot;I understand appPreferences&quot;</span>
<span class="nx">value</span><span class="o">=</span><span class="p">{</span><span class="nx">preference</span><span class="p">.</span><span class="nx">enabled</span><span class="p">}</span>
<span class="nx">onChange</span><span class="o">=</span><span class="p">{</span><span class="nx">v</span> <span class="p">=&gt;</span> <span class="p">{</span> <span class="nx">preference</span><span class="p">.</span><span class="nx">enabled</span> <span class="o">=</span> <span class="nx">v</span><span class="p">;</span> <span class="p">}}</span>
<span class="nx">onChange</span><span class="o">=</span><span class="p">{(</span><span class="nx">v</span><span class="p">)</span> <span class="p">=&gt;</span> <span class="p">{</span>
<span class="nx">preference</span><span class="p">.</span><span class="nx">enabled</span> <span class="o">=</span> <span class="nx">v</span><span class="p">;</span>
<span class="p">}}</span>
<span class="o">/&gt;</span>
<span class="p">);</span>
<span class="p">}</span>
@ -1382,9 +1386,7 @@ This is how <code>ExampleRendererExtension</code> handles the state of the prefe
<span class="k">export</span> <span class="kd">class</span> <span class="nx">ExamplePreferenceHint</span> <span class="k">extends</span> <span class="nx">React</span><span class="p">.</span><span class="nx">Component</span> <span class="p">{</span>
<span class="nx">render</span><span class="p">()</span> <span class="p">{</span>
<span class="k">return</span> <span class="p">(</span>
<span class="o">&lt;</span><span class="nx">span</span><span class="o">&gt;</span><span class="nx">This</span> <span class="nx">is</span> <span class="nx">an</span> <span class="nx">example</span> <span class="k">of</span> <span class="nx">an</span> <span class="nx">appPreference</span> <span class="k">for</span> <span class="nx">extensions</span><span class="p">.</span><span class="o">&lt;</span><span class="err">/span&gt;</span>
<span class="p">);</span>
<span class="k">return</span> <span class="o">&lt;</span><span class="nx">span</span><span class="o">&gt;</span><span class="nx">This</span> <span class="nx">is</span> <span class="nx">an</span> <span class="nx">example</span> <span class="k">of</span> <span class="nx">an</span> <span class="nx">appPreference</span> <span class="k">for</span> <span class="nx">extensions</span><span class="p">.</span><span class="o">&lt;</span><span class="err">/span&gt;;</span>
<span class="p">}</span>
<span class="p">}</span>
</code></pre></div>
@ -1414,18 +1416,18 @@ However, we recommend that you manage your extension's state data using <a href=
They can be used to display status information, or act as links to global pages as well as external pages.</p>
<p>The following example adds a <code>statusBarItems</code> definition and a <code>globalPages</code> definition to a <code>LensRendererExtension</code> subclass.
It configures the status bar item to navigate to the global page upon activation (normally a mouse click):</p>
<div class="highlight"><pre><span></span><code><span class="k">import</span> <span class="p">{</span> <span class="nx">Renderer</span> <span class="p">}</span> <span class="kr">from</span> <span class="s1">&#39;@k8slens/extensions&#39;</span><span class="p">;</span>
<span class="k">import</span> <span class="p">{</span> <span class="nx">HelpIcon</span><span class="p">,</span> <span class="nx">HelpPage</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;./page&quot;</span>
<span class="k">import</span> <span class="nx">React</span> <span class="kr">from</span> <span class="s1">&#39;react&#39;</span><span class="p">;</span>
<div class="highlight"><pre><span></span><code><span class="k">import</span> <span class="p">{</span> <span class="nx">Renderer</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;@k8slens/extensions&quot;</span><span class="p">;</span>
<span class="k">import</span> <span class="p">{</span> <span class="nx">HelpIcon</span><span class="p">,</span> <span class="nx">HelpPage</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;./page&quot;</span><span class="p">;</span>
<span class="k">import</span> <span class="nx">React</span> <span class="kr">from</span> <span class="s2">&quot;react&quot;</span><span class="p">;</span>
<span class="k">export</span> <span class="k">default</span> <span class="kd">class</span> <span class="nx">HelpExtension</span> <span class="k">extends</span> <span class="nx">Renderer</span><span class="p">.</span><span class="nx">LensExtension</span> <span class="p">{</span>
<span class="nx">globalPages</span> <span class="o">=</span> <span class="p">[</span>
<span class="p">{</span>
<span class="nx">id</span><span class="o">:</span> <span class="s2">&quot;help&quot;</span><span class="p">,</span>
<span class="nx">components</span><span class="o">:</span> <span class="p">{</span>
<span class="nx">Page</span><span class="o">:</span> <span class="p">()</span> <span class="p">=&gt;</span> <span class="o">&lt;</span><span class="nx">HelpPage</span> <span class="nx">extension</span><span class="o">=</span><span class="p">{</span><span class="k">this</span><span class="p">}</span><span class="o">/&gt;</span><span class="p">,</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="nx">Page</span><span class="o">:</span> <span class="p">()</span> <span class="p">=&gt;</span> <span class="o">&lt;</span><span class="nx">HelpPage</span> <span class="nx">extension</span><span class="o">=</span><span class="p">{</span><span class="k">this</span><span class="p">}</span> <span class="o">/&gt;</span><span class="p">,</span>
<span class="p">},</span>
<span class="p">},</span>
<span class="p">];</span>
<span class="nx">statusBarItems</span> <span class="o">=</span> <span class="p">[</span>
@ -1439,7 +1441,7 @@ It configures the status bar item to navigate to the global page upon activation
<span class="o">&lt;</span><span class="nx">HelpIcon</span> <span class="o">/&gt;</span>
<span class="nx">My</span> <span class="nx">Status</span> <span class="nx">Bar</span> <span class="nx">Item</span>
<span class="o">&lt;</span><span class="err">/div&gt;</span>
<span class="p">)</span>
<span class="p">),</span>
<span class="p">},</span>
<span class="p">},</span>
<span class="p">];</span>
@ -1448,13 +1450,13 @@ It configures the status bar item to navigate to the global page upon activation
<p>The properties of the <code>statusBarItems</code> array objects are defined as follows:</p>
<ul>
<li><code>Item</code> specifies the <code>React.Component</code> that will be shown on the status bar.
By default, items are added starting from the right side of the status bar.
Due to limited space in the status bar, <code>Item</code> will typically specify only an icon or a short string of text.
The example above reuses the <code>HelpIcon</code> from the <a href="#globalpagemenus"><code>globalPageMenus</code> guide</a>.</li>
By default, items are added starting from the right side of the status bar.
Due to limited space in the status bar, <code>Item</code> will typically specify only an icon or a short string of text.
The example above reuses the <code>HelpIcon</code> from the <a href="#globalpagemenus"><code>globalPageMenus</code> guide</a>.</li>
<li><code>onClick</code> determines what the <code>statusBarItem</code> does when it is clicked.
In the example, <code>onClick</code> is set to a function that calls the <code>LensRendererExtension</code> <code>navigate()</code> method.
<code>navigate</code> takes the <code>id</code> of the associated global page as a parameter.
Thus, clicking the status bar item activates the associated global pages.</li>
In the example, <code>onClick</code> is set to a function that calls the <code>LensRendererExtension</code> <code>navigate()</code> method.
<code>navigate</code> takes the <code>id</code> of the associated global page as a parameter.
Thus, clicking the status bar item activates the associated global pages.</li>
</ul>
<h3 id="kubeobjectmenuitems"><code>kubeObjectMenuItems</code><a class="headerlink" href="#kubeobjectmenuitems" title="Permanent link">#</a></h3>
<p>An extension can add custom menu items (<code>kubeObjectMenuItems</code>) for specific Kubernetes resource kinds and apiVersions.
@ -1463,9 +1465,9 @@ Thus, clicking the status bar item activates the associated global pages.</li>
<p>They also appear on the title bar of the details page for specific resources:</p>
<p><img alt="Details" src="../images/kubeobjectmenuitemdetail.png" /></p>
<p>The following example shows how to add a <code>kubeObjectMenuItems</code> for namespace resources with an associated action:</p>
<div class="highlight"><pre><span></span><code><span class="k">import</span> <span class="nx">React</span> <span class="kr">from</span> <span class="s2">&quot;react&quot;</span>
<div class="highlight"><pre><span></span><code><span class="k">import</span> <span class="nx">React</span> <span class="kr">from</span> <span class="s2">&quot;react&quot;</span><span class="p">;</span>
<span class="k">import</span> <span class="p">{</span> <span class="nx">Renderer</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;@k8slens/extensions&quot;</span><span class="p">;</span>
<span class="k">import</span> <span class="p">{</span> <span class="nx">NamespaceMenuItem</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;./src/namespace-menu-item&quot;</span>
<span class="k">import</span> <span class="p">{</span> <span class="nx">NamespaceMenuItem</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;./src/namespace-menu-item&quot;</span><span class="p">;</span>
<span class="kr">type</span> <span class="nx">KubeObjectMenuProps</span> <span class="o">=</span> <span class="nx">Renderer</span><span class="p">.</span><span class="nx">Component</span><span class="p">.</span><span class="nx">KubeObjectMenuProps</span><span class="p">;</span>
<span class="kr">type</span> <span class="nx">Namespace</span> <span class="o">=</span> <span class="nx">Renderer</span><span class="p">.</span><span class="nx">K8sApi</span><span class="p">.</span><span class="nx">Namespace</span><span class="p">;</span>
@ -1476,9 +1478,11 @@ Thus, clicking the status bar item activates the associated global pages.</li>
<span class="nx">kind</span><span class="o">:</span> <span class="s2">&quot;Namespace&quot;</span><span class="p">,</span>
<span class="nx">apiVersions</span><span class="o">:</span> <span class="p">[</span><span class="s2">&quot;v1&quot;</span><span class="p">],</span>
<span class="nx">components</span><span class="o">:</span> <span class="p">{</span>
<span class="nx">MenuItem</span><span class="o">:</span> <span class="p">(</span><span class="nx">props</span>: <span class="kt">KubeObjectMenuProps</span><span class="o">&lt;</span><span class="nx">Namespace</span><span class="o">&gt;</span><span class="p">)</span> <span class="p">=&gt;</span> <span class="o">&lt;</span><span class="nx">NamespaceMenuItem</span> <span class="p">{...</span><span class="nx">props</span><span class="p">}</span> <span class="o">/&gt;</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="nx">MenuItem</span><span class="o">:</span> <span class="p">(</span><span class="nx">props</span>: <span class="kt">KubeObjectMenuProps</span><span class="o">&lt;</span><span class="nx">Namespace</span><span class="o">&gt;</span><span class="p">)</span> <span class="p">=&gt;</span> <span class="p">(</span>
<span class="o">&lt;</span><span class="nx">NamespaceMenuItem</span> <span class="p">{...</span><span class="nx">props</span><span class="p">}</span> <span class="o">/&gt;</span>
<span class="p">),</span>
<span class="p">},</span>
<span class="p">},</span>
<span class="p">];</span>
<span class="p">}</span>
</code></pre></div>
@ -1490,18 +1494,14 @@ The properties of the <code>kubeObjectMenuItems</code> array objects are defined
<li><code>apiVersion</code> specifies the Kubernetes API version number to use with the resource type.</li>
<li><code>components</code> defines the menu item's appearance and behavior.</li>
<li><code>MenuItem</code> provides a function that returns a <code>React.Component</code> given a set of menu item properties.
In this example a <code>NamespaceMenuItem</code> object is returned.</li>
In this example a <code>NamespaceMenuItem</code> object is returned.</li>
</ul>
<p><code>NamespaceMenuItem</code> is defined in <code>./src/namespace-menu-item.tsx</code>:</p>
<div class="highlight"><pre><span></span><code><span class="k">import</span> <span class="nx">React</span> <span class="kr">from</span> <span class="s2">&quot;react&quot;</span><span class="p">;</span>
<span class="k">import</span> <span class="p">{</span> <span class="nx">Renderer</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;@k8slens/extensions&quot;</span><span class="p">;</span>
<span class="kd">const</span> <span class="p">{</span>
<span class="nx">Component</span><span class="o">:</span> <span class="p">{</span>
<span class="nx">terminalStore</span><span class="p">,</span>
<span class="nx">MenuItem</span><span class="p">,</span>
<span class="nx">Icon</span><span class="p">,</span>
<span class="p">},</span>
<span class="nx">Component</span><span class="o">:</span> <span class="p">{</span> <span class="nx">terminalStore</span><span class="p">,</span> <span class="nx">MenuItem</span><span class="p">,</span> <span class="nx">Icon</span> <span class="p">},</span>
<span class="nx">Navigation</span><span class="p">,</span>
<span class="p">}</span> <span class="o">=</span> <span class="nx">Renderer</span><span class="p">;</span>
@ -1528,7 +1528,11 @@ In this example a <code>NamespaceMenuItem</code> object is returned.</li>
<span class="k">return</span> <span class="p">(</span>
<span class="o">&lt;</span><span class="nx">MenuItem</span> <span class="nx">onClick</span><span class="o">=</span><span class="p">{</span><span class="nx">getPods</span><span class="p">}</span><span class="o">&gt;</span>
<span class="o">&lt;</span><span class="nx">Icon</span> <span class="nx">material</span><span class="o">=</span><span class="s2">&quot;speaker_group&quot;</span> <span class="nx">interactive</span><span class="o">=</span><span class="p">{</span><span class="nx">toolbar</span><span class="p">}</span> <span class="nx">title</span><span class="o">=</span><span class="s2">&quot;Get pods in terminal&quot;</span><span class="o">/&gt;</span>
<span class="o">&lt;</span><span class="nx">Icon</span>
<span class="nx">material</span><span class="o">=</span><span class="s2">&quot;speaker_group&quot;</span>
<span class="nx">interactive</span><span class="o">=</span><span class="p">{</span><span class="nx">toolbar</span><span class="p">}</span>
<span class="nx">title</span><span class="o">=</span><span class="s2">&quot;Get pods in terminal&quot;</span>
<span class="o">/&gt;</span>
<span class="o">&lt;</span><span class="nx">span</span> <span class="nx">className</span><span class="o">=</span><span class="s2">&quot;title&quot;</span><span class="o">&gt;</span><span class="nx">Get</span> <span class="nx">Pods</span><span class="o">&lt;</span><span class="err">/span&gt;</span>
<span class="o">&lt;</span><span class="err">/MenuItem&gt;</span>
<span class="p">);</span>
@ -1561,9 +1565,11 @@ These custom details appear on the details page for a specific resource, such as
<span class="nx">apiVersions</span><span class="o">:</span> <span class="p">[</span><span class="s2">&quot;v1&quot;</span><span class="p">],</span>
<span class="nx">priority</span>: <span class="kt">10</span><span class="p">,</span>
<span class="nx">components</span><span class="o">:</span> <span class="p">{</span>
<span class="nx">Details</span><span class="o">:</span> <span class="p">(</span><span class="nx">props</span>: <span class="kt">KubeObjectDetailsProps</span><span class="o">&lt;</span><span class="nx">Namespace</span><span class="o">&gt;</span><span class="p">)</span> <span class="p">=&gt;</span> <span class="o">&lt;</span><span class="nx">NamespaceDetailsItem</span> <span class="p">{...</span><span class="nx">props</span><span class="p">}</span> <span class="o">/&gt;</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="nx">Details</span><span class="o">:</span> <span class="p">(</span><span class="nx">props</span>: <span class="kt">KubeObjectDetailsProps</span><span class="o">&lt;</span><span class="nx">Namespace</span><span class="o">&gt;</span><span class="p">)</span> <span class="p">=&gt;</span> <span class="p">(</span>
<span class="o">&lt;</span><span class="nx">NamespaceDetailsItem</span> <span class="p">{...</span><span class="nx">props</span><span class="p">}</span> <span class="o">/&gt;</span>
<span class="p">),</span>
<span class="p">},</span>
<span class="p">},</span>
<span class="p">];</span>
<span class="p">}</span>
</code></pre></div>
@ -1575,7 +1581,7 @@ The properties of the <code>kubeObjectDetailItems</code> array objects are defin
<li><code>apiVersion</code> specifies the Kubernetes API version number to use with the resource type.</li>
<li><code>components</code> defines the detail item's appearance and behavior.</li>
<li><code>Details</code> provides a function that returns a <code>React.Component</code> given a set of detail item properties.
In this example a <code>NamespaceDetailsItem</code> object is returned.</li>
In this example a <code>NamespaceDetailsItem</code> object is returned.</li>
</ul>
<p><code>NamespaceDetailsItem</code> is defined in <code>./src/namespace-details-item.tsx</code>:</p>
<div class="highlight"><pre><span></span><code><span class="k">import</span> <span class="p">{</span> <span class="nx">Renderer</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;@k8slens/extensions&quot;</span><span class="p">;</span>
@ -1585,12 +1591,8 @@ In this example a <code>NamespaceDetailsItem</code> object is returned.</li>
<span class="k">import</span> <span class="p">{</span> <span class="nx">observer</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;mobx-react&quot;</span><span class="p">;</span>
<span class="kd">const</span> <span class="p">{</span>
<span class="nx">K8sApi</span><span class="o">:</span> <span class="p">{</span>
<span class="nx">podsApi</span><span class="p">,</span>
<span class="p">},</span>
<span class="nx">Component</span><span class="o">:</span> <span class="p">{</span>
<span class="nx">DrawerTitle</span><span class="p">,</span>
<span class="p">},</span>
<span class="nx">K8sApi</span><span class="o">:</span> <span class="p">{</span> <span class="nx">podsApi</span> <span class="p">},</span>
<span class="nx">Component</span><span class="o">:</span> <span class="p">{</span> <span class="nx">DrawerTitle</span> <span class="p">},</span>
<span class="p">}</span> <span class="o">=</span> <span class="nx">Renderer</span><span class="p">;</span>
<span class="kr">type</span> <span class="nx">KubeObjectMenuProps</span> <span class="o">=</span> <span class="nx">Renderer</span><span class="p">.</span><span class="nx">Component</span><span class="p">.</span><span class="nx">KubeObjectMenuProps</span><span class="p">;</span>
@ -1598,7 +1600,9 @@ In this example a <code>NamespaceDetailsItem</code> object is returned.</li>
<span class="kr">type</span> <span class="nx">Pod</span> <span class="o">=</span> <span class="nx">Renderer</span><span class="p">.</span><span class="nx">K8sApi</span><span class="p">.</span><span class="nx">Pod</span><span class="p">;</span>
<span class="kd">@observer</span>
<span class="k">export</span> <span class="kd">class</span> <span class="nx">NamespaceDetailsItem</span> <span class="k">extends</span> <span class="nx">React</span><span class="p">.</span><span class="nx">Component</span><span class="o">&lt;</span><span class="nx">KubeObjectDetailsProps</span><span class="o">&lt;</span><span class="nx">Namespace</span><span class="o">&gt;&gt;</span> <span class="p">{</span>
<span class="k">export</span> <span class="kd">class</span> <span class="nx">NamespaceDetailsItem</span> <span class="k">extends</span> <span class="nx">React</span><span class="p">.</span><span class="nx">Component</span><span class="o">&lt;</span>
<span class="nx">KubeObjectDetailsProps</span><span class="o">&lt;</span><span class="nx">Namespace</span><span class="o">&gt;</span>
<span class="o">&gt;</span> <span class="p">{</span>
<span class="kd">@observable</span> <span class="k">private</span> <span class="nx">pods</span>: <span class="kt">Pod</span><span class="p">[];</span>
<span class="k">async</span> <span class="nx">componentDidMount</span><span class="p">()</span> <span class="p">{</span>
@ -1610,10 +1614,10 @@ In this example a <code>NamespaceDetailsItem</code> object is returned.</li>
<span class="nx">render</span><span class="p">()</span> <span class="p">{</span>
<span class="k">return</span> <span class="p">(</span>
<span class="o">&lt;</span><span class="nx">div</span><span class="o">&gt;</span>
<span class="o">&lt;</span><span class="nx">DrawerTitle</span> <span class="nx">title</span><span class="o">=</span><span class="s2">&quot;Pods&quot;</span> <span class="o">/&gt;</span>
<span class="o">&lt;</span><span class="nx">PodsDetailsList</span> <span class="nx">pods</span><span class="o">=</span><span class="p">{</span><span class="k">this</span><span class="p">.</span><span class="nx">pods</span><span class="p">}</span><span class="o">/&gt;</span>
<span class="o">&lt;</span><span class="nx">DrawerTitle</span><span class="o">&gt;</span><span class="nx">Pods</span><span class="o">&lt;</span><span class="err">/DrawerTitle&gt;</span>
<span class="o">&lt;</span><span class="nx">PodsDetailsList</span> <span class="nx">pods</span><span class="o">=</span><span class="p">{</span><span class="k">this</span><span class="p">.</span><span class="nx">pods</span><span class="p">}</span> <span class="o">/&gt;</span>
<span class="o">&lt;</span><span class="err">/div&gt;</span>
<span class="p">)</span>
<span class="p">);</span>
<span class="p">}</span>
<span class="p">}</span>
</code></pre></div>
@ -1638,12 +1642,7 @@ The rest of this example's details are defined in <code>PodsDetailsList</code>,
<span class="k">import</span> <span class="p">{</span> <span class="nx">Renderer</span> <span class="p">}</span> <span class="kr">from</span> <span class="s2">&quot;@k8slens/extensions&quot;</span><span class="p">;</span>
<span class="kd">const</span> <span class="p">{</span>
<span class="nx">Component</span><span class="o">:</span> <span class="p">{</span>
<span class="nx">TableHead</span><span class="p">,</span>
<span class="nx">TableRow</span><span class="p">,</span>
<span class="nx">TableCell</span><span class="p">,</span>
<span class="nx">Table</span><span class="p">,</span>
<span class="p">},</span>
<span class="nx">Component</span><span class="o">:</span> <span class="p">{</span> <span class="nx">TableHead</span><span class="p">,</span> <span class="nx">TableRow</span><span class="p">,</span> <span class="nx">TableCell</span><span class="p">,</span> <span class="nx">Table</span> <span class="p">},</span>
<span class="p">}</span> <span class="o">=</span> <span class="nx">Renderer</span><span class="p">;</span>
<span class="kr">type</span> <span class="nx">Pod</span> <span class="o">=</span> <span class="nx">Renderer</span><span class="p">.</span><span class="nx">K8sApi</span><span class="p">.</span><span class="nx">Pod</span><span class="p">;</span>
@ -1660,11 +1659,11 @@ The rest of this example's details are defined in <code>PodsDetailsList</code>,
<span class="o">&lt;</span><span class="nx">TableCell</span> <span class="nx">className</span><span class="o">=</span><span class="s2">&quot;podAge&quot;</span><span class="o">&gt;</span><span class="p">{</span><span class="nx">pods</span><span class="p">[</span><span class="nx">index</span><span class="p">].</span><span class="nx">getAge</span><span class="p">()}</span><span class="o">&lt;</span><span class="err">/TableCell&gt;</span>
<span class="o">&lt;</span><span class="nx">TableCell</span> <span class="nx">className</span><span class="o">=</span><span class="s2">&quot;podStatus&quot;</span><span class="o">&gt;</span><span class="p">{</span><span class="nx">pods</span><span class="p">[</span><span class="nx">index</span><span class="p">].</span><span class="nx">getStatus</span><span class="p">()}</span><span class="o">&lt;</span><span class="err">/TableCell&gt;</span>
<span class="o">&lt;</span><span class="err">/TableRow&gt;</span>
<span class="p">)</span>
<span class="p">);</span>
<span class="p">};</span>
<span class="nx">render</span><span class="p">()</span> <span class="p">{</span>
<span class="kd">const</span> <span class="p">{</span> <span class="nx">pods</span> <span class="p">}</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">props</span>
<span class="kd">const</span> <span class="p">{</span> <span class="nx">pods</span> <span class="p">}</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">props</span><span class="p">;</span>
<span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">pods</span><span class="o">?</span><span class="p">.</span><span class="nx">length</span><span class="p">)</span> <span class="p">{</span>
<span class="k">return</span> <span class="kc">null</span><span class="p">;</span>
@ -1678,7 +1677,7 @@ The rest of this example's details are defined in <code>PodsDetailsList</code>,
<span class="o">&lt;</span><span class="nx">TableCell</span> <span class="nx">className</span><span class="o">=</span><span class="s2">&quot;podAge&quot;</span><span class="o">&gt;</span><span class="nx">Age</span><span class="o">&lt;</span><span class="err">/TableCell&gt;</span>
<span class="o">&lt;</span><span class="nx">TableCell</span> <span class="nx">className</span><span class="o">=</span><span class="s2">&quot;podStatus&quot;</span><span class="o">&gt;</span><span class="nx">Status</span><span class="o">&lt;</span><span class="err">/TableCell&gt;</span>
<span class="o">&lt;</span><span class="err">/TableHead&gt;</span>
<span class="p">{</span> <span class="nx">pods</span><span class="p">.</span><span class="nx">map</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">getTableRow</span><span class="p">)</span> <span class="p">}</span>
<span class="p">{</span><span class="nx">pods</span><span class="p">.</span><span class="nx">map</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">getTableRow</span><span class="p">)}</span>
<span class="o">&lt;</span><span class="err">/Table&gt;</span>
<span class="o">&lt;</span><span class="err">/div&gt;</span>
<span class="p">);</span>

2
master/search/search_index.json
View File

File diff suppressed because one or more lines are too long

10
master/sitemap.xml
View File

@ -105,21 +105,11 @@
<lastmod>2022-03-28</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>https://api-docs.k8slens.dev/master/extensions/api/classes/Renderer.Component.DrawerItem/</loc>
<lastmod>2022-03-28</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>https://api-docs.k8slens.dev/master/extensions/api/classes/Renderer.Component.DrawerParamToggler/</loc>
<lastmod>2022-03-28</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>https://api-docs.k8slens.dev/master/extensions/api/classes/Renderer.Component.DrawerTitle/</loc>
<lastmod>2022-03-28</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>https://api-docs.k8slens.dev/master/extensions/api/classes/Renderer.Component.Icon/</loc>
<lastmod>2022-03-28</lastmod>

BIN
master/sitemap.xml.gz
View File

Binary file not shown.