Function DataSourceButton

docs/app/js/sanddance-app.js:51690–51743

(props)

var _sanddanceExplorer = require("@msrvida/sanddance-explorer");
var _react = require("react");
function DataSourceButton(props) {
    const picker = props.getPicker();
    if (!picker) return null;
    const menuProps = {
        items: [
            {
                key: "sample-section",
                itemType: (0, _base.base).fluentUI.ContextualMenuItemType.Section,
                sectionProps: {
                    title: (0, _language.strings).sampleDataPrefix,
                    items: props.dataSources.map((ds, i)=>{
                        const item = {
                            key: ds.id,
                            text: ds.displayName,
                            onClick: (e)=>{
                                picker.changeDataSource(ds);
                            }
                        };
                        return item;
                    })
                }
            },
            {
                key: "user-section",
                itemType: (0, _base.base).fluentUI.ContextualMenuItemType.Section,
                sectionProps: {
                    topDivider: true,
                    title: (0, _language.strings).menuUserData,
                    items: [
                        {
                            key: "local",
                            text: (0, _language.strings).menuLocal,
                            onClick: (e)=>picker.setState({
                                    dialogMode: "local"
                                })
                        },
                        {
                            key: "url",
                            text: (0, _language.strings).menuUrl,
                            onClick: (e)=>picker.setState({
                                    dialogMode: "url"
                                })
                        }
                    ]
                }
            }
        ]
    };
    return /*#__PURE__*/ _react.createElement((0, _base.base).fluentUI.PrimaryButton, {
        className: "sanddance-datasource-picker",
        text: dataSourcePrefix(props.dataSource.dataSourceType, props.dataSource.displayName),
        menuProps: menuProps
    });
}
class DataSourcePicker extends _react.Component {
    constructor(props){
        super(props);