import '../css/viewmode.css'; import React from 'react'; import ReactDOM from 'react-dom'; import Editor, { EditorOptions } from '../../../../src/index'; import { LocalStorageManager, Designer } from '@wisemapping/mindplot'; const initialization = (designer: Designer) => { designer.addEvent('loadSuccess', () => { const elem = document.getElementById('mindplot'); if (elem) { elem.classList.add('ready'); } // Code for selector of map. const mapSelectElem = document.getElementById('map-select') as HTMLSelectElement; if (mapSelectElem) { mapSelectElem.addEventListener('change', (e) => { // @ts-ignore const selectMap = e.target?.value; window.location.href = `${window.location.pathname}?id=${selectMap}`; }); Array.from(mapSelectElem.options).forEach((option) => { option.selected = option.value === mapId; }); } }); }; // Obtain map id from query param const params = new URLSearchParams(window.location.search.substring(1)); const mapId = params.get('id') || 'welcome'; const persistence = new LocalStorageManager('samples/{id}.wxml', false); const options: EditorOptions = { zoom: 0.8, locked: false, mapTitle: "Develop WiseMapping", mode: 'viewonly', locale: 'en', enableKeyboardEvents: true }; ReactDOM.render( console.log('action called:', action)} onLoad={initialization} />, document.getElementById('root'), );