Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
...dialogOptionsOpts,
onClick: createNewItemAtIndex(typeof index === 'undefined' ? 0 : index + 1),
})}
/>
);
},
},
];
return (
{items && items.length > 0 && (
)}
{children && children({ onChange, createNewItemAtIndex })}
);
}
onClick: this._onLayoutChanged,
data: DetailsListLayoutMode.justified
}
]
}
},
{
key: 'selectionMode',
text: 'Selection mode',
subMenuProps: {
items: [
{
key: SelectionMode[SelectionMode.none],
text: 'None',
canCheck: true,
checked: selectionMode === SelectionMode.none,
onClick: this._onSelectionChanged,
data: SelectionMode.none
},
{
key: SelectionMode[SelectionMode.single],
text: 'Single select',
canCheck: true,
checked: selectionMode === SelectionMode.single,
onClick: this._onSelectionChanged,
data: SelectionMode.single
},
{
key: SelectionMode[SelectionMode.multiple],
text: 'Multi select',
canCheck: true,
checked: selectionMode === SelectionMode.multiple,
{ITEMS.map((item, index) => (
))}
selectionPreservedOnEmptyClick={true}
onRenderItemColumn={this._renderItemColumn}
onRenderRow={this._renderRow}
dragDropEvents={this._getDragDropEvents()}
columnReorderOptions={this.state.isColumnReorderEnabled ? this._getColumnReorderOptions() : undefined}
ariaLabelForSelectionColumn="Toggle selection"
ariaLabelForSelectAllCheckbox="Toggle selection for all items"
/>
:
}
<label>Add section</label>
<div>
<div>
this.setState({ section: { ...this.state.section, Title: value, Id: value }, sectionErrorMessage: '' })} value={this.state.section.Title} />
</div>
<div>
this._openColorPicker(false)} />
this._openColorPicker(true)} /></div></div>
}
]
}
},
{
key: 'selectionMode',
text: 'Selection mode',
subMenuProps: {
items: [
{
key: SelectionMode[SelectionMode.none],
text: 'None',
canCheck: true,
checked: selectionMode === SelectionMode.none,
onClick: this._onSelectionChanged,
data: SelectionMode.none
},
{
key: SelectionMode[SelectionMode.single],
text: 'Single select',
canCheck: true,
checked: selectionMode === SelectionMode.single,
onClick: this._onSelectionChanged,
data: SelectionMode.single
},
{
key: SelectionMode[SelectionMode.multiple],
text: 'Multi select',
canCheck: true,
checked: selectionMode === SelectionMode.multiple,
onClick: this._onSelectionChanged,
data: SelectionMode.multiple
isHeaderVisible={true}
selection={this._selection}
selectionPreservedOnEmptyClick={true}
onItemInvoked={this._onItemInvoked}
enterModalSelectionOnTouch={true}
ariaLabelForSelectionColumn="Toggle selection"
ariaLabelForSelectAllCheckbox="Toggle selection for all items"
checkButtonAriaLabel="Row checkbox"
/>
) : (
)}
);
}