react-virtualized-sticky-tree
Version:
A React component for efficiently rendering tree like structures with support for position: sticky
28 lines (27 loc) • 1.43 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
const react_dom_1 = __importDefault(require("react-dom"));
const CountriesTree_1 = __importDefault(require("./CountriesTree"));
const CitiesList_1 = __importDefault(require("./CitiesList"));
class App extends react_1.default.PureComponent {
render() {
const url = new URL(window.location.href);
const render = url.searchParams.get('render');
if (render === 'cities') {
return react_1.default.createElement(CitiesList_1.default, null);
}
else if (render === 'countries') {
return react_1.default.createElement(CountriesTree_1.default, null);
}
return (react_1.default.createElement("div", { style: { width: '80%', margin: '0 auto', padding: '20px' } },
react_1.default.createElement("div", null,
react_1.default.createElement("a", { href: "/?render=countries" }, "Sticky Tree Example")),
react_1.default.createElement("div", null,
react_1.default.createElement("a", { href: "/?render=cities" }, "List Example"))));
}
}
react_dom_1.default.render(react_1.default.createElement(App, null), document.getElementById('app'));