@jsonforms/material-tree-renderer
Version:
Material-based tree renderer for JSON Forms
766 lines • 140 kB
HTML
<!doctype html>
<html class="default no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>JSON Forms Material Tree Renderer</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="assets/css/main.css">
</head>
<body>
<header>
<div class="tsd-page-toolbar">
<div class="container">
<div class="table-wrap">
<div class="table-cell" id="tsd-search" data-index="assets/js/search.js" data-base=".">
<div class="field">
<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
<input id="tsd-search-field" type="text" />
</div>
<ul class="results">
<li class="state loading">Preparing search index...</li>
<li class="state failure">The search index is not available</li>
</ul>
<a href="index.html" class="title">JSON Forms Material Tree Renderer</a>
</div>
<div class="table-cell" id="tsd-widgets">
<div id="tsd-filter">
<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
<div class="tsd-filter-group">
<div class="tsd-select" id="tsd-filter-visibility">
<span class="tsd-select-label">All</span>
<ul class="tsd-select-list">
<li data-value="public">Public</li>
<li data-value="protected">Public/Protected</li>
<li data-value="private" class="selected">All</li>
</ul>
</div>
<input type="checkbox" id="tsd-filter-inherited" checked />
<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
<input type="checkbox" id="tsd-filter-only-exported" />
<label class="tsd-widget" for="tsd-filter-only-exported">Only exported</label>
</div>
</div>
<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
</div>
</div>
</div>
</div>
<div class="tsd-page-title">
<div class="container">
<ul class="tsd-breadcrumb">
<li>
<a href="globals.html">Globals</a>
</li>
</ul>
<h1> JSON Forms Material Tree Renderer</h1>
</div>
</div>
</header>
<div class="container container-main">
<div class="row">
<div class="col-8 col-content">
<section class="tsd-panel-group tsd-index-group">
<h2>Index</h2>
<section class="tsd-panel tsd-index-panel">
<div class="tsd-index-content">
<section class="tsd-index-section ">
<h3>Classes</h3>
<ul class="tsd-index-list">
<li class="tsd-kind-class tsd-has-type-parameter tsd-is-not-exported"><a href="classes/additemdialog.html" class="tsd-kind-icon">Add<wbr>Item<wbr>Dialog</a></li>
<li class="tsd-kind-class tsd-has-type-parameter tsd-is-not-exported"><a href="classes/expandarraycontainer.html" class="tsd-kind-icon">Expand<wbr>Array<wbr>Container</a></li>
<li class="tsd-kind-class tsd-has-type-parameter tsd-is-not-exported"><a href="classes/objectlistitem.html" class="tsd-kind-icon">Object<wbr>List<wbr>Item</a></li>
<li class="tsd-kind-class tsd-has-type-parameter"><a href="classes/objectlistitemdnd.html" class="tsd-kind-icon">Object<wbr>List<wbr>Item<wbr>Dnd</a></li>
<li class="tsd-kind-class tsd-has-type-parameter"><a href="classes/treewithdetailrenderer.html" class="tsd-kind-icon">Tree<wbr>With<wbr>Detail<wbr>Renderer</a></li>
</ul>
</section>
<section class="tsd-index-section ">
<h3>Interfaces</h3>
<ul class="tsd-index-list">
<li class="tsd-kind-interface"><a href="interfaces/additemdialogprops.html" class="tsd-kind-icon">Add<wbr>Item<wbr>Dialog<wbr>Props</a></li>
<li class="tsd-kind-interface"><a href="interfaces/dispatchpropsoftreewithdetail.html" class="tsd-kind-icon">Dispatch<wbr>Props<wbr>OfTree<wbr>With<wbr>Detail</a></li>
<li class="tsd-kind-interface"><a href="interfaces/draginfo.html" class="tsd-kind-icon">Drag<wbr>Info</a></li>
<li class="tsd-kind-interface"><a href="interfaces/dropresult.html" class="tsd-kind-icon">Drop<wbr>Result</a></li>
<li class="tsd-kind-interface"><a href="interfaces/editor.html" class="tsd-kind-icon">Editor</a></li>
<li class="tsd-kind-interface"><a href="interfaces/exandarraycontainerstate.html" class="tsd-kind-icon">Exand<wbr>Array<wbr>Container<wbr>State</a></li>
<li class="tsd-kind-interface"><a href="interfaces/expandarraycontainerprops.html" class="tsd-kind-icon">Expand<wbr>Array<wbr>Container<wbr>Props</a></li>
<li class="tsd-kind-interface"><a href="interfaces/expandarrayprops.html" class="tsd-kind-icon">Expand<wbr>Array<wbr>Props</a></li>
<li class="tsd-kind-interface"><a href="interfaces/expandrootarraycontainerprops.html" class="tsd-kind-icon">Expand<wbr>Root<wbr>Array<wbr>Container<wbr>Props</a></li>
<li class="tsd-kind-interface tsd-is-not-exported"><a href="interfaces/expandrootarrayprops.html" class="tsd-kind-icon">Expand<wbr>Root<wbr>Array<wbr>Props</a></li>
<li class="tsd-kind-interface"><a href="interfaces/labeldefinition.html" class="tsd-kind-icon">Label<wbr>Definition</a></li>
<li class="tsd-kind-interface"><a href="interfaces/masterprops.html" class="tsd-kind-icon">Master<wbr>Props</a></li>
<li class="tsd-kind-interface"><a href="interfaces/modelmapping.html" class="tsd-kind-icon">Model<wbr>Mapping</a></li>
<li class="tsd-kind-interface"><a href="interfaces/objectlistitemdndprops.html" class="tsd-kind-icon">Object<wbr>List<wbr>Item<wbr>Dnd<wbr>Props</a></li>
<li class="tsd-kind-interface"><a href="interfaces/objectlistitemprops.html" class="tsd-kind-icon">Object<wbr>List<wbr>Item<wbr>Props</a></li>
<li class="tsd-kind-interface"><a href="interfaces/ownpropsoftreecontrol.html" class="tsd-kind-icon">Own<wbr>Props<wbr>OfTree<wbr>Control</a></li>
<li class="tsd-kind-interface"><a href="interfaces/property.html" class="tsd-kind-icon">Property</a></li>
<li class="tsd-kind-interface"><a href="interfaces/statepropsoftreewithdetail.html" class="tsd-kind-icon">State<wbr>Props<wbr>OfTree<wbr>With<wbr>Detail</a></li>
<li class="tsd-kind-interface"><a href="interfaces/stringmap.html" class="tsd-kind-icon">String<wbr>Map</a></li>
<li class="tsd-kind-interface"><a href="interfaces/treewithdetail.html" class="tsd-kind-icon">Tree<wbr>With<wbr>Detail</a></li>
<li class="tsd-kind-interface"><a href="interfaces/treewithdetailprops.html" class="tsd-kind-icon">Tree<wbr>With<wbr>Detail<wbr>Props</a></li>
<li class="tsd-kind-interface"><a href="interfaces/treewithdetailstate.html" class="tsd-kind-icon">Tree<wbr>With<wbr>Detail<wbr>State</a></li>
<li class="tsd-kind-interface"><a href="interfaces/withimageprovider.html" class="tsd-kind-icon">With<wbr>Image<wbr>Provider</a></li>
<li class="tsd-kind-interface"><a href="interfaces/withlabelprovider.html" class="tsd-kind-icon">With<wbr>Label<wbr>Provider</a></li>
<li class="tsd-kind-interface"><a href="interfaces/withlabelproviders.html" class="tsd-kind-icon">With<wbr>Label<wbr>Providers</a></li>
</ul>
</section>
<section class="tsd-index-section ">
<h3>Type aliases</h3>
<ul class="tsd-index-list">
<li class="tsd-kind-type-alias"><a href="globals.html#instancelabelprovider" class="tsd-kind-icon">Instance<wbr>Label<wbr>Provider</a></li>
<li class="tsd-kind-type-alias"><a href="globals.html#schemalabelprovider" class="tsd-kind-icon">Schema<wbr>Label<wbr>Provider</a></li>
</ul>
</section>
<section class="tsd-index-section ">
<h3>Variables</h3>
<ul class="tsd-index-list">
<li class="tsd-kind-variable"><a href="globals.html#css_delay" class="tsd-kind-icon">CSS_<wbr>DELAY</a></li>
<li class="tsd-kind-variable"><a href="globals.html#connectedtreewithdetailrenderer" class="tsd-kind-icon">Connected<wbr>Tree<wbr>With<wbr>Detail<wbr>Renderer</a></li>
<li class="tsd-kind-variable tsd-is-not-exported"><a href="globals.html#dndexandarraycontainer" class="tsd-kind-icon">DnDExand<wbr>Array<wbr>Container</a></li>
<li class="tsd-kind-variable tsd-is-not-exported"><a href="globals.html#dndtreemasterdetail" class="tsd-kind-icon">DnDTree<wbr>Master<wbr>Detail</a></li>
<li class="tsd-kind-variable tsd-is-not-exported"><a href="globals.html#dragsource" class="tsd-kind-icon">Drag<wbr>Source</a></li>
<li class="tsd-kind-variable tsd-is-not-exported"><a href="globals.html#droptarget" class="tsd-kind-icon">Drop<wbr>Target</a></li>
<li class="tsd-kind-variable tsd-is-not-exported"><a href="globals.html#listitem" class="tsd-kind-icon">List<wbr>Item</a></li>
<li class="tsd-kind-variable tsd-is-not-exported"><a href="globals.html#reset_selection_delay" class="tsd-kind-icon">RESET_<wbr>SELECTION_<wbr>DELAY</a></li>
<li class="tsd-kind-variable tsd-is-not-exported"><a href="globals.html#listitemdnd" class="tsd-kind-icon">list<wbr>Item<wbr>Dnd</a></li>
<li class="tsd-kind-variable tsd-is-not-exported"><a href="globals.html#theme" class="tsd-kind-icon">theme</a></li>
</ul>
</section>
<section class="tsd-index-section ">
<h3>Functions</h3>
<ul class="tsd-index-list">
<li class="tsd-kind-function"><a href="globals.html#expandarray" class="tsd-kind-icon">Expand<wbr>Array</a></li>
<li class="tsd-kind-function"><a href="globals.html#expandrootarray" class="tsd-kind-icon">Expand<wbr>Root<wbr>Array</a></li>
<li class="tsd-kind-function"><a href="globals.html#expandrootarraycontainer" class="tsd-kind-icon">Expand<wbr>Root<wbr>Array<wbr>Container</a></li>
<li class="tsd-kind-function tsd-is-not-exported"><a href="globals.html#master" class="tsd-kind-icon">Master</a></li>
<li class="tsd-kind-function"><a href="globals.html#themedtreewithdetail" class="tsd-kind-icon">Themed<wbr>Tree<wbr>With<wbr>Detail</a></li>
<li class="tsd-kind-function"><a href="globals.html#candropdraggeditem" class="tsd-kind-icon">can<wbr>Drop<wbr>Dragged<wbr>Item</a></li>
<li class="tsd-kind-function tsd-is-not-exported"><a href="globals.html#collect" class="tsd-kind-icon">collect</a></li>
<li class="tsd-kind-function tsd-is-not-exported"><a href="globals.html#collectdragsource" class="tsd-kind-icon">collect<wbr>Drag<wbr>Source</a></li>
<li class="tsd-kind-function tsd-is-not-exported"><a href="globals.html#collectdroptarget" class="tsd-kind-icon">collect<wbr>Drop<wbr>Target</a></li>
<li class="tsd-kind-function tsd-is-not-exported"><a href="globals.html#createdata" class="tsd-kind-icon">create<wbr>Data</a></li>
<li class="tsd-kind-function tsd-is-not-exported"><a href="globals.html#createproplabel" class="tsd-kind-icon">create<wbr>Prop<wbr>Label</a></li>
<li class="tsd-kind-function"><a href="globals.html#findcontainerproperties" class="tsd-kind-icon">find<wbr>Container<wbr>Properties</a></li>
<li class="tsd-kind-function tsd-is-not-exported"><a href="globals.html#findcontainerprops" class="tsd-kind-icon">find<wbr>Container<wbr>Props</a></li>
<li class="tsd-kind-function"><a href="globals.html#findpropertylabel" class="tsd-kind-icon">find<wbr>Property<wbr>Label</a></li>
<li class="tsd-kind-function tsd-is-not-exported"><a href="globals.html#findreferences" class="tsd-kind-icon">find<wbr>References</a></li>
<li class="tsd-kind-function"><a href="globals.html#indexfrompath" class="tsd-kind-icon">index<wbr>From<wbr>Path</a></li>
<li class="tsd-kind-function tsd-is-not-exported"><a href="globals.html#isarray" class="tsd-kind-icon">is<wbr>Array</a></li>
<li class="tsd-kind-function tsd-is-not-exported"><a href="globals.html#isnottuple" class="tsd-kind-icon">is<wbr>Not<wbr>Tuple</a></li>
<li class="tsd-kind-function tsd-is-not-exported"><a href="globals.html#isobject" class="tsd-kind-icon">is<wbr>Object</a></li>
<li class="tsd-kind-function"><a href="globals.html#makeschemaselfcontained" class="tsd-kind-icon">make<wbr>Schema<wbr>Self<wbr>Contained</a></li>
<li class="tsd-kind-function tsd-is-not-exported"><a href="globals.html#mapdispatchtoprops" class="tsd-kind-icon">map<wbr>Dispatch<wbr>ToProps</a></li>
<li class="tsd-kind-function"><a href="globals.html#mapdispatchtotreelistprops" class="tsd-kind-icon">map<wbr>Dispatch<wbr>ToTree<wbr>List<wbr>Props</a></li>
<li class="tsd-kind-function tsd-is-not-exported"><a href="globals.html#mapstatetoprops" class="tsd-kind-icon">map<wbr>State<wbr>ToProps</a></li>
<li class="tsd-kind-function"><a href="globals.html#matchcontainerproperty" class="tsd-kind-icon">match<wbr>Container<wbr>Property</a></li>
<li class="tsd-kind-function tsd-is-not-exported"><a href="globals.html#mergeprops" class="tsd-kind-icon">merge<wbr>Props</a></li>
<li class="tsd-kind-function"><a href="globals.html#movelistitem" class="tsd-kind-icon">move<wbr>List<wbr>Item</a></li>
<li class="tsd-kind-function"><a href="globals.html#parentpath" class="tsd-kind-icon">parent<wbr>Path</a></li>
<li class="tsd-kind-function tsd-is-not-exported"><a href="globals.html#resolveandmakeschemaselfcontained" class="tsd-kind-icon">resolve<wbr>And<wbr>Make<wbr>Schema<wbr>Self<wbr>Contained</a></li>
<li class="tsd-kind-function"><a href="globals.html#resolvelocaldata" class="tsd-kind-icon">resolve<wbr>Local<wbr>Data</a></li>
<li class="tsd-kind-function tsd-is-not-exported"><a href="globals.html#styles" class="tsd-kind-icon">styles</a></li>
<li class="tsd-kind-function"><a href="globals.html#wrapimageifnecessary" class="tsd-kind-icon">wrap<wbr>Image<wbr>IfNecessary</a></li>
</ul>
</section>
<section class="tsd-index-section ">
<h3>Object literals</h3>
<ul class="tsd-index-list">
<li class="tsd-kind-object-literal"><a href="globals.html#types" class="tsd-kind-icon">Types</a></li>
<li class="tsd-kind-object-literal tsd-is-not-exported"><a href="globals.html#arraydroptarget" class="tsd-kind-icon">array<wbr>Drop<wbr>Target</a></li>
<li class="tsd-kind-object-literal tsd-is-not-exported"><a href="globals.html#objectdragsource" class="tsd-kind-icon">object<wbr>Drag<wbr>Source</a></li>
<li class="tsd-kind-object-literal tsd-is-not-exported"><a href="globals.html#objectdroptarget" class="tsd-kind-icon">object<wbr>Drop<wbr>Target</a></li>
</ul>
</section>
</div>
</section>
</section>
<section class="tsd-panel-group tsd-member-group ">
<h2>Type aliases</h2>
<section class="tsd-panel tsd-member tsd-kind-type-alias">
<a name="instancelabelprovider" class="tsd-anchor"></a>
<h3>Instance<wbr>Label<wbr>Provider</h3>
<div class="tsd-signature tsd-kind-icon">Instance<wbr>Label<wbr>Provider<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">function</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in packages/material-tree-renderer/src/helpers/LabelProvider.ts:32</li>
</ul>
</aside>
<div class="tsd-type-declaration">
<h4>Type declaration</h4>
<ul class="tsd-parameters">
<li class="tsd-parameter-siganture">
<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-type-alias tsd-is-not-exported">
<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>schema<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">JsonSchema</span>, data<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, instancePath<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>schema: <span class="tsd-signature-type">JsonSchema</span></h5>
</li>
<li>
<h5>data: <span class="tsd-signature-type">any</span></h5>
</li>
<li>
<h5>instancePath: <span class="tsd-signature-type">string</span></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
</li>
</ul>
</li>
</ul>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-type-alias">
<a name="schemalabelprovider" class="tsd-anchor"></a>
<h3>Schema<wbr>Label<wbr>Provider</h3>
<div class="tsd-signature tsd-kind-icon">Schema<wbr>Label<wbr>Provider<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">function</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in packages/material-tree-renderer/src/helpers/LabelProvider.ts:27</li>
</ul>
</aside>
<div class="tsd-type-declaration">
<h4>Type declaration</h4>
<ul class="tsd-parameters">
<li class="tsd-parameter-siganture">
<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-type-alias tsd-is-not-exported">
<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>schema<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">JsonSchema</span>, schemaPath<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>schema: <span class="tsd-signature-type">JsonSchema</span></h5>
</li>
<li>
<h5><span class="tsd-flag ts-flagOptional">Optional</span> schemaPath: <span class="tsd-signature-type">string</span></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
</li>
</ul>
</li>
</ul>
</div>
</section>
</section>
<section class="tsd-panel-group tsd-member-group ">
<h2>Variables</h2>
<section class="tsd-panel tsd-member tsd-kind-variable">
<a name="css_delay" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagConst">Const</span> CSS_<wbr>DELAY</h3>
<div class="tsd-signature tsd-kind-icon">CSS_<wbr>DELAY<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">30</span><span class="tsd-signature-symbol"> = 30</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in packages/material-tree-renderer/src/tree/dnd.util.ts:40</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>The delay in milliseconds before D&D related CSS (e.g. highlighting valid drop targets) is
applied.</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-variable">
<a name="connectedtreewithdetailrenderer" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagConst">Const</span> Connected<wbr>Tree<wbr>With<wbr>Detail<wbr>Renderer</h3>
<div class="tsd-signature tsd-kind-icon">Connected<wbr>Tree<wbr>With<wbr>Detail<wbr>Renderer<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">NamedExoticComponent</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">object</span><span class="tsd-signature-symbol"> & </span><a href="interfaces/ownpropsoftreecontrol.html" class="tsd-signature-type">OwnPropsOfTreeControl</a><span class="tsd-signature-symbol"> & </span><a href="interfaces/withimageprovider.html" class="tsd-signature-type">WithImageProvider</a><span class="tsd-signature-symbol"> & </span><a href="interfaces/withlabelproviders.html" class="tsd-signature-type">WithLabelProviders</a><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> & </span><span class="tsd-signature-type">object</span><span class="tsd-signature-symbol"> & </span><span class="tsd-signature-type">object</span><span class="tsd-signature-symbol"> = connect(mapStateToProps,mapDispatchToProps)(DnDTreeMasterDetail)</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in packages/material-tree-renderer/src/tree/TreeWithDetailRenderer.tsx:491</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-variable tsd-is-not-exported">
<a name="dndexandarraycontainer" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagConst">Const</span> DnDExand<wbr>Array<wbr>Container</h3>
<div class="tsd-signature tsd-kind-icon">DnDExand<wbr>Array<wbr>Container<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">ComponentClass</span><span class="tsd-signature-symbol"><</span><a href="interfaces/expandarraycontainerprops.html" class="tsd-signature-type">ExpandArrayContainerProps</a><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> = compose<ExpandArrayContainerProps, ExpandArrayContainerProps>(withStyles(styles, { name: 'ExpandArrayContainer' }),DropTarget(Types.TREE_DND, arrayDropTarget, collect))(ExpandArrayContainer)</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in packages/material-tree-renderer/src/tree/ExpandArray.tsx:282</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-variable tsd-is-not-exported">
<a name="dndtreemasterdetail" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagConst">Const</span> DnDTree<wbr>Master<wbr>Detail</h3>
<div class="tsd-signature tsd-kind-icon">DnDTree<wbr>Master<wbr>Detail<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">ComponentClass</span><span class="tsd-signature-symbol"><</span><a href="interfaces/treewithdetailprops.html" class="tsd-signature-type">TreeWithDetailProps</a><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> = compose<TreeWithDetailProps, TreeWithDetailProps>(withStyles(styles, { name: 'TreeMasterDetail' }),DragDropContext(HTML5Backend))(TreeWithDetailRenderer)</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in packages/material-tree-renderer/src/tree/TreeWithDetailRenderer.tsx:486</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-variable tsd-is-not-exported">
<a name="dragsource" class="tsd-anchor"></a>
<h3>Drag<wbr>Source</h3>
<div class="tsd-signature tsd-kind-icon">Drag<wbr>Source<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in packages/material-tree-renderer/src/tree/ObjectListItem.tsx:43</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-variable tsd-is-not-exported">
<a name="droptarget" class="tsd-anchor"></a>
<h3>Drop<wbr>Target</h3>
<div class="tsd-signature tsd-kind-icon">Drop<wbr>Target<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in packages/material-tree-renderer/src/tree/ExpandArray.tsx:37</li>
<li>Defined in packages/material-tree-renderer/src/tree/ObjectListItem.tsx:43</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-variable tsd-is-not-exported">
<a name="listitem" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagConst">Const</span> List<wbr>Item</h3>
<div class="tsd-signature tsd-kind-icon">List<wbr>Item<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">ComponentClass</span><span class="tsd-signature-symbol"><</span><a href="interfaces/objectlistitemprops.html" class="tsd-signature-type">ObjectListItemProps</a><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> = compose<ObjectListItemProps, ObjectListItemProps>(withStyles(styles, { name: 'ObjectListItem' }),)(ObjectListItem)</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in packages/material-tree-renderer/src/tree/ObjectListItem.tsx:332</li>
</ul>
</aside>
</section>
<section class="tsd-panel tsd-member tsd-kind-variable tsd-is-not-exported">
<a name="reset_selection_delay" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagConst">Const</span> RESET_<wbr>SELECTION_<wbr>DELAY</h3>
<div class="tsd-signature tsd-kind-icon">RESET_<wbr>SELECTION_<wbr>DELAY<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">40</span><span class="tsd-signature-symbol"> = 40</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in packages/material-tree-renderer/src/tree/ObjectListItem.tsx:72</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>The delay (in milliseconds) between removing this object list item's data from the store
and resetting the selection.
This is necessary because without a delay the resetted selection is overwritten
by the on click handler of this object list item which sets the selection to this item.</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-variable tsd-is-not-exported">
<a name="listitemdnd" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagConst">Const</span> list<wbr>Item<wbr>Dnd</h3>
<div class="tsd-signature tsd-kind-icon">list<wbr>Item<wbr>Dnd<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol"> = DropTarget(Types.TREE_DND, objectDropTarget, collectDropTarget)(DragSource(Types.TREE_DND, objectDragSource, collectDragSource)(ObjectListItemDnd))</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in packages/material-tree-renderer/src/tree/ObjectListItem.tsx:511</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Configure a list item as a drop target and a drag source.
Drop Target: Allows to drop other list items on this list item and is necessary
to sort elements inside a list</p>
</div>
<p>Drag Source: Allows to drag a list item</p>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-variable tsd-is-not-exported">
<a name="theme" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagConst">Const</span> theme</h3>
<div class="tsd-signature tsd-kind-icon">theme<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Theme</span><span class="tsd-signature-symbol"> = createMuiTheme({palette: {secondary: {main: '#ee6e73',dark: '#26a69a'}}})</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in packages/material-tree-renderer/src/ThemedTreeWithDetail.tsx:29</li>
</ul>
</aside>
</section>
</section>
<section class="tsd-panel-group tsd-member-group ">
<h2>Functions</h2>
<section class="tsd-panel tsd-member tsd-kind-function">
<a name="expandarray" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagConst">Const</span> Expand<wbr>Array</h3>
<ul class="tsd-signatures tsd-kind-function">
<li class="tsd-signature tsd-kind-icon">Expand<wbr>Array<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">object</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in packages/material-tree-renderer/src/tree/ExpandArray.tsx:77</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Expands the given data array by expanding every element.
If the parent data containing the array is provided,
a suitable delete function for the expanded elements is created.</p>
</div>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>__namedParameters: <span class="tsd-signature-type">object</span></h5>
<ul class="tsd-parameters">
<li class="tsd-parameter">
<h5>containment<wbr>Props<span class="tsd-signature-symbol">: </span><a href="interfaces/property.html" class="tsd-signature-type">Property</a><span class="tsd-signature-symbol">[]</span></h5>
</li>
<li class="tsd-parameter">
<h5>filter<wbr>Predicate<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></h5>
</li>
<li class="tsd-parameter">
<h5>handlers<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></h5>
</li>
<li class="tsd-parameter">
<h5>image<wbr>Provider<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></h5>
</li>
<li class="tsd-parameter">
<h5>label<wbr>Provider<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></h5>
</li>
<li class="tsd-parameter">
<h5>path<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
</li>
<li class="tsd-parameter">
<h5>root<wbr>Data<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></h5>
</li>
<li class="tsd-parameter">
<h5>selection<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></h5>
</li>
</ul>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-function">
<a name="expandrootarray" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagConst">Const</span> Expand<wbr>Root<wbr>Array</h3>
<ul class="tsd-signatures tsd-kind-function">
<li class="tsd-signature tsd-kind-icon">Expand<wbr>Root<wbr>Array<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">object</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in packages/material-tree-renderer/src/tree/ExpandRootArray.tsx:50</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Expands the given root data array by expanding every element.
If the parent data containing the array is provided,
a suitable delete function for the expanded elements is created.</p>
</div>
<p>As a difference to the ExpandArray component this component does not use containment
properties because it is only used for the root nodes of a tree.</p>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>__namedParameters: <span class="tsd-signature-type">object</span></h5>
<ul class="tsd-parameters">
<li class="tsd-parameter">
<h5>filter<wbr>Predicate<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></h5>
</li>
<li class="tsd-parameter">
<h5>handlers<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></h5>
</li>
<li class="tsd-parameter">
<h5>image<wbr>Provider<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></h5>
</li>
<li class="tsd-parameter">
<h5>label<wbr>Provider<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></h5>
</li>
<li class="tsd-parameter">
<h5>path<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
</li>
<li class="tsd-parameter">
<h5>root<wbr>Data<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></h5>
</li>
<li class="tsd-parameter">
<h5>schema<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">JsonSchema7</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">JsonSchema4</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-type">JsonSchema7</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">JsonSchema4</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">[]</span></h5>
</li>
<li class="tsd-parameter">
<h5>selection<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></h5>
</li>
</ul>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-function">
<a name="expandrootarraycontainer" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagConst">Const</span> Expand<wbr>Root<wbr>Array<wbr>Container</h3>
<ul class="tsd-signatures tsd-kind-function">
<li class="tsd-signature tsd-kind-icon">Expand<wbr>Root<wbr>Array<wbr>Container<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">object</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in packages/material-tree-renderer/src/tree/ExpandRootArray.tsx:92</li>
</ul>
</aside>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>__namedParameters: <span class="tsd-signature-type">object</span></h5>
<ul class="tsd-parameters">
<li class="tsd-parameter">
<h5>filter<wbr>Predicate<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></h5>
</li>
<li class="tsd-parameter">
<h5>handlers<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></h5>
</li>
<li class="tsd-parameter">
<h5>image<wbr>Provider<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></h5>
</li>
<li class="tsd-parameter">
<h5>label<wbr>Provider<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></h5>
</li>
<li class="tsd-parameter">
<h5>path<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
</li>
<li class="tsd-parameter">
<h5>root<wbr>Data<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></h5>
</li>
<li class="tsd-parameter">
<h5>schema<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">JsonSchema7</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">JsonSchema4</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-type">JsonSchema7</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">JsonSchema4</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">[]</span></h5>
</li>
<li class="tsd-parameter">
<h5>selection<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></h5>
</li>
</ul>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-function tsd-is-not-exported">
<a name="master" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagConst">Const</span> Master</h3>
<ul class="tsd-signatures tsd-kind-function tsd-is-not-exported">
<li class="tsd-signature tsd-kind-icon">Master<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">object</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in packages/material-tree-renderer/src/tree/TreeWithDetailRenderer.tsx:90</li>
</ul>
</aside>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>__namedParameters: <span class="tsd-signature-type">object</span></h5>
<ul class="tsd-parameters">
<li class="tsd-parameter">
<h5>filter<wbr>Predicate<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></h5>
</li>
<li class="tsd-parameter">
<h5>handlers<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">object</span></h5>
<ul class="tsd-parameters">
<li class="tsd-parameter">
<h5>on<wbr>Add<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></h5>
</li>
<li class="tsd-parameter">
<h5><span class="tsd-flag ts-flagOptional">Optional</span> on<wbr>Remove<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">any</span></h5>
</li>
<li class="tsd-parameter">
<h5>on<wbr>Select<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></h5>
</li>
<li class="tsd-parameter">
<h5>reset<wbr>Selection<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></h5>
</li>
</ul>
</li>
<li class="tsd-parameter">
<h5>image<wbr>Provider<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></h5>
</li>
<li class="tsd-parameter">
<h5>label<wbr>Providers<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">object</span></h5>
<ul class="tsd-parameters">
<li class="tsd-parameter">
<h5>for<wbr>Data<span class="tsd-signature-symbol">: </span><a href="globals.html#instancelabelprovider" class="tsd-signature-type">InstanceLabelProvider</a></h5>
</li>
<li class="tsd-parameter">
<h5>for<wbr>Schema<span class="tsd-signature-symbol">: </span><a href="globals.html#schemalabelprovider" class="tsd-signature-type">SchemaLabelProvider</a></h5>
</li>
</ul>
</li>
<li class="tsd-parameter">
<h5>path<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
</li>
<li class="tsd-parameter">
<h5>root<wbr>Data<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></h5>
</li>
<li class="tsd-parameter">
<h5>schema<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">JsonSchema7</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">JsonSchema4</span></h5>
</li>
<li class="tsd-parameter">
<h5>selection<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></h5>
</li>
<li class="tsd-parameter">
<h5>uischema<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">UISchemaElement</span></h5>
</li>
</ul>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-function">
<a name="themedtreewithdetail" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagConst">Const</span> Themed<wbr>Tree<wbr>With<wbr>Detail</h3>
<ul class="tsd-signatures tsd-kind-function">
<li class="tsd-signature tsd-kind-icon">Themed<wbr>Tree<wbr>With<wbr>Detail<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in packages/material-tree-renderer/src/ThemedTreeWithDetail.tsx:38</li>
</ul>
</aside>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>props: <span class="tsd-signature-type">any</span></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-function">
<a name="candropdraggeditem" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagConst">Const</span> can<wbr>Drop<wbr>Dragged<wbr>Item</h3>
<ul class="tsd-signatures tsd-kind-function">
<li class="tsd-signature tsd-kind-icon">can<wbr>Drop<wbr>Dragged<wbr>Item<span class="tsd-signature-symbol">(</span>containerProps<span class="tsd-signature-symbol">: </span><a href="interfaces/property.html" class="tsd-signature-type">Property</a><span class="tsd-signature-symbol">[]</span>, dragInfo<span class="tsd-signature-symbol">: </span><a href="interfaces/draginfo.html" class="tsd-signature-type">DragInfo</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in packages/material-tree-renderer/src/tree/dnd.util.ts:153</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Returns whether the dragged item can be dropped in a list.</p>
</div>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>containerProps: <a href="interfaces/property.html" class="tsd-signature-type">Property</a><span class="tsd-signature-symbol">[]</span></h5>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>The ContainmentProperties that the list can supports</p>
</div>
</div>
</li>
<li>
<h5>dragInfo: <a href="interfaces/draginfo.html" class="tsd-signature-type">DragInfo</a></h5>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>The DragInfo describing the dragged item</p>
</div>
</div>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-function tsd-is-not-exported">
<a name="collect" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagConst">Const</span> collect</h3>
<ul class="tsd-signatures tsd-kind-function tsd-is-not-exported">
<li class="tsd-signature tsd-kind-icon">collect<span class="tsd-signature-symbol">(</span>dndConnect<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, monitor<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">object</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in packages/material-tree-renderer/src/tree/ExpandArray.tsx:237</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Injects drag and drop related properties into an expanded array</p>
</div>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>dndConnect: <span class="tsd-signature-type">any</span></h5>
</li>
<li>
<h5>monitor: <span class="tsd-signature-type">any</span></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">object</span></h4>
<ul class="tsd-parameters">
<li class="tsd-parameter">
<h5>connect<wbr>Drop<wbr>Target<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></h5>
</li>
<li class="tsd-parameter">
<h5>is<wbr>Dragging<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></h5>
</li>
<li class="tsd-parameter">
<h5>is<wbr>Over<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></h5>
</li>
<li class="tsd-parameter">
<h5>valid<wbr>Drop<wbr>Target<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></h5>
</li>
</ul>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-function tsd-is-not-exported">
<a name="collectdragsource" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagConst">Const</span> collect<wbr>Drag<wbr>Source</h3>
<ul class="tsd-signatures tsd-kind-function tsd-is-not-exported">
<li class="tsd-signature tsd-kind-icon">collect<wbr>Drag<wbr>Source<span class="tsd-signature-symbol">(</span>dndConnect<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, monitor<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">object</span></li>
</ul>
<ul class="tsd-descriptions">
<li class="tsd-description">
<aside class="tsd-sources">
<ul>
<li>Defined in packages/material-tree-renderer/src/tree/ObjectListItem.tsx:436</li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Injects drag and drop (drag source) related properties into a list item</p>
</div>
</div>
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameters">
<li>
<h5>dndConnect: <span class="tsd-signature-type">any</span></h5>
</li>
<li>
<h5>monitor: <span class="tsd-signature-type">any</span></h5>
</li>
</ul>
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">object</span></h4>
<ul class="tsd-parameters">
<li class="tsd-parameter">
<h5>connect<wbr>Drag<wbr>Source<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></h5>
</li>
<li class="tsd-parameter">
<h5>is<wbr>Dragging<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></h5>
</li>
</ul>
</li>
</ul>
</section>
<section class="tsd-panel tsd-member tsd-kind-function tsd-is-not-exported">
<a name="collectdroptar