model-navigator-standalone
Version:
Standalone MDF graph model visualizer
31 lines • 1.7 kB
JavaScript
import "core-js/modules/web.dom-collections.iterator.js";
// isolate AutoComplete
import React, { useState } from 'react';
import ReactDOM from 'react-dom/client';
import loadMDFDictionary from './components/ModelNavigator/loadMDF';
import AutoComplete from './components/ModelNavigator/DataDictionary/Search/AutoComplete/AutoCompleteView';
import { prepareSearchData } from './components/ModelNavigator/DataDictionary/Search/DictionarySearcher/searchHelper';
import { SearchDataContext, SearchHistoryContext } from './components/ModelNavigator/DataDictionary/Search/SearchContext';
import './components/ModelNavigator/index.css';
const mdf_urls = ['https://raw.githubusercontent.com/CBIIT/icdc-model-tool/develop/model-desc/icdc-model.yml', 'https://raw.githubusercontent.com/CBIIT/icdc-model-tool/develop/model-desc/icdc-model-props.yml'];
function getSearchData() {
return loadMDFDictionary(...mdf_urls).then(model => prepareSearchData(model));
}
const sdata = await getSearchData();
function AutoCompleteWrapper() {
const [searchData, setSearchData] = useState(sdata);
const [searchHistoryItems, setSearchHistoryItems] = useState([]);
return /*#__PURE__*/React.createElement(SearchHistoryContext.Provider, {
value: {
searchHistoryItems,
setSearchHistoryItems
}
}, /*#__PURE__*/React.createElement(SearchDataContext.Provider, {
value: searchData
}, /*#__PURE__*/React.createElement(AutoComplete, {
inputPlaceHolderText: "input",
inputTitle: "Input"
})));
}
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(/*#__PURE__*/React.createElement(React.StrictMode, null, /*#__PURE__*/React.createElement(AutoCompleteWrapper, null)));