Function DataBrowser

docs/app/js/sanddance-app.js:19066–19139

(props)

var _iconButton = require("../controls/iconButton");
var _language = require("../language");
function DataBrowser(props) {
    function activateRecord(newIndex) {
        props.onActivate(props.data[newIndex], newIndex);
    }
    const { index  } = props;
    const length = props.data && props.data.length || 0;
    const dropdownRef = (0, _base.base).react.createRef();
    props.explorer.dialogFocusHandler.focus = ()=>{
        var _a;
        return (_a = dropdownRef.current) === null || _a === void 0 ? void 0 : _a.focus();
    };
    return (0, _base.base).react.createElement((0, _group.Group), {
        label: (0, _language.strings).labelDataBrowser,
        className: "sanddance-dataIndex"
    }, (0, _base.base).react.createElement((0, _dropdown.Dropdown), {
        componentRef: dropdownRef,
        label: (0, _language.strings).labelDataScope,
        collapseLabel: true,
        options: [
            {
                key: (0, _dataScope.DataScopeId).AllData,
                text: (0, _language.strings).selectDataSpanAll,
                isSelected: props.selectedDataScope === (0, _dataScope.DataScopeId).AllData
            },
            {
                key: (0, _dataScope.DataScopeId).FilteredData,
                text: (0, _language.strings).selectDataSpanFilter,
                isSelected: props.selectedDataScope === (0, _dataScope.DataScopeId).FilteredData
            },
            {
                key: (0, _dataScope.DataScopeId).SelectedData,
                text: (0, _language.strings).selectDataSpanSelection,
                isSelected: props.selectedDataScope === (0, _dataScope.DataScopeId).SelectedData
            }
        ],
        onChange: (e, o)=>{
            props.onDataScopeClick(o.key);
        }
    }), !props.data && (0, _base.base).react.createElement("div", {
        dangerouslySetInnerHTML: {
            __html: props.nullMessage
        }
    }), props.data && !props.data.length && (0, _base.base).react.createElement("div", null, props.zeroMessage), !!length && (0, _base.base).react.createElement("div", null, (0, _base.base).react.createElement("div", {
        className: "index"
    }, (0, _base.base).react.createElement((0, _iconButton.IconButton), {
        themePalette: props.themePalette,
        iconName: "ChevronLeftMed",
        onClick: (e)=>activateRecord(index <= 0 ? length - 1 : index - 1),
        disabled: props.disabled || length === 1,
        title: (0, _language.strings).buttonPrevDataItem
    }), (0, _base.base).react.createElement("span", null, (0, _language.strings).record(index + 1, length)), (0, _base.base).react.createElement((0, _iconButton.IconButton), {
        themePalette: props.themePalette,
        iconName: "ChevronRightMed",
        onClick: (e)=>activateRecord(index >= length - 1 ? 0 : index + 1),
        disabled: props.disabled || length === 1,
        title: (0, _language.strings).buttonNextDataItem
    })), !props.itemVisible && (0, _base.base).react.createElement("div", {
        className: "item-filtered"