model-navigator-standalone
Version:
Standalone MDF graph model visualizer
71 lines • 2.87 kB
JavaScript
import "core-js/modules/web.dom-collections.iterator.js";
// isolate DictionarySearcher - no Redux
import React, { useState } from 'react';
import ReactDOM from 'react-dom/client';
import { filterConfig, controlVocabConfig, graphViewConfig } from './components/ModelNavigator/config/nav.config';
import loadMDFDictionary from './components/ModelNavigator/loadMDF';
import DictionarySearcher from './components/ModelNavigator/DataDictionary/Search/DictionarySearcher/DictionarySearcher';
import { SearchHistoryContext, SearchDataContext, SuggestionContext, SearchResultContext } 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 getModel() {
return loadMDFDictionary(...mdf_urls).then(model => model);
}
const model = await getModel();
function DictionarySearcherWrapper(_ref) {
let {
model
} = _ref;
const [searchData, setSearchData] = useState();
const [searchHistoryItems, setSearchHistoryItems] = useState([]);
const [isSearching, setIsSearching] = useState(false);
const [isSearchFinished, setIsSearchFinished] = useState(false);
const [currentSearchKeyword, setCurrentSearchKeyword] = useState("");
const [searchResult, setSearchResult] = useState({
matchedNodes: [],
summary: {}
});
const [hasError, setHasError] = useState(false);
const [errorMsg, setErrorMsg] = useState("");
const [suggestionList, setSuggestionList] = useState([]);
const [clickedSuggestionItem, setClickedSuggestionItem] = useState([]);
return /*#__PURE__*/React.createElement(SearchHistoryContext.Provider, {
value: {
searchHistoryItems,
setSearchHistoryItems
}
}, /*#__PURE__*/React.createElement(SearchDataContext.Provider, {
value: {
searchData,
setSearchData
}
}, /*#__PURE__*/React.createElement(SuggestionContext.Provider, {
value: {
suggestionList,
setSuggestionList,
clickedSuggestionItem,
setClickedSuggestionItem
}
}, /*#__PURE__*/React.createElement(SearchResultContext.Provider, {
value: {
isSearching,
setIsSearching,
isSearchFinished,
setIsSearchFinished,
searchResult,
setSearchResult,
hasError,
setHasError,
errorMsg,
setErrorMsg,
currentSearchKeyword,
setCurrentSearchKeyword
}
}, /*#__PURE__*/React.createElement(DictionarySearcher, {
model: model
})))));
}
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(/*#__PURE__*/React.createElement(React.StrictMode, null, /*#__PURE__*/React.createElement(DictionarySearcherWrapper, {
model: model
})));