@jupytergis/base 0.4.5 → 0.6.0

package/lib/panelview/components/sources.js

@@ -1,147 +0,0 @@
-import { DOMUtils } from '@jupyterlab/apputils';
-import { LabIcon, ReactWidget } from '@jupyterlab/ui-components';
-import { Panel } from '@lumino/widgets';
-import React, { useEffect, useState } from 'react';
-import { icons } from '../../constants';
-const SOURCES_PANEL_CLASS = 'jp-gis-sourcePanel';
-const SOURCE_CLASS = 'jp-gis-source';
-const SOURCE_TITLE_CLASS = 'jp-gis-sourceTitle';
-const SOURCE_ICON_CLASS = 'jp-gis-sourceIcon';
-const SOURCE_TEXT_CLASS = 'jp-gis-sourceText';
-const SOURCE_UNUSED = 'jp-gis-sourceUnused';
-const SOURCE_INFO = 'jp-gis-sourceInfo';
-/**
- * The sources panel widget.
- */
-export class SourcesPanel extends Panel {
-    constructor(options) {
-        super();
-        this._model = options.model;
-        this._onSelect = options.onSelect;
-        this.id = 'jupytergis::sourcesPanel';
-        this.addClass(SOURCES_PANEL_CLASS);
-        this.addWidget(ReactWidget.create(React.createElement(SourcesBodyComponent, { model: this._model, onSelect: this._onSelect })));
-    }
-}
-/**
- * The body component of the panel.
- */
-function SourcesBodyComponent(props) {
-    var _a, _b;
-    const [model, setModel] = useState((_a = props.model) === null || _a === void 0 ? void 0 : _a.jGISModel);
-    const [sourceIds, setSourceIds] = useState(Private.sortedSourceIds(model));
-    /**
-     * Propagate the source selection.
-     */
-    const onItemClick = ({ type, item, nodeId, event }) => {
-        props.onSelect({ type, item, nodeId, event });
-    };
-    /**
-     * Listen to the sources and changes.
-     */
-    useEffect(() => {
-        const updateSources = () => {
-            setSourceIds([...Private.sortedSourceIds(model)]);
-        };
-        model === null || model === void 0 ? void 0 : model.sharedModel.sourcesChanged.connect(updateSources);
-        model === null || model === void 0 ? void 0 : model.clientStateChanged.connect(updateSources);
-        updateSources();
-        return () => {
-            model === null || model === void 0 ? void 0 : model.sharedModel.sourcesChanged.disconnect(updateSources);
-            model === null || model === void 0 ? void 0 : model.clientStateChanged.disconnect(updateSources);
-        };
-    }, [model]);
-    /**
-     * Update the model when it changes.
-     */
-    (_b = props.model) === null || _b === void 0 ? void 0 : _b.documentChanged.connect((_, widget) => {
-        setModel(widget === null || widget === void 0 ? void 0 : widget.model);
-    });
-    return (React.createElement("div", { id: "jp-gis-sources" }, sourceIds.map(sourceId => {
-        return (React.createElement(SourceComponent, { key: `source-${sourceId}`, gisModel: model, sourceId: sourceId, onClick: onItemClick }));
-    })));
-}
-function isSelected(sourceId, model) {
-    var _a, _b, _c, _d;
-    return ((((_b = (_a = model === null || model === void 0 ? void 0 : model.localState) === null || _a === void 0 ? void 0 : _a.selected) === null || _b === void 0 ? void 0 : _b.value) &&
-        Object.keys((_d = (_c = model === null || model === void 0 ? void 0 : model.localState) === null || _c === void 0 ? void 0 : _c.selected) === null || _d === void 0 ? void 0 : _d.value).includes(sourceId)) ||
-        false);
-}
-/**
- * The component to display a single source.
- */
-function SourceComponent(props) {
-    const { sourceId, gisModel, onClick } = props;
-    const source = gisModel === null || gisModel === void 0 ? void 0 : gisModel.getSource(sourceId);
-    if (source === undefined) {
-        return React.createElement(React.Fragment, null);
-    }
-    const [id, setId] = useState('');
-    const [selected, setSelected] = useState(
-    // TODO Support multi-selection as `model?.jGISModel?.localState?.selected.value` does
-    isSelected(sourceId, gisModel));
-    const [unused, setUnused] = useState(false);
-    const name = source.name;
-    useEffect(() => {
-        setId(DOMUtils.createDomID());
-    }, []);
-    /**
-     * Check if the source is used by a layer.
-     */
-    useEffect(() => {
-        const checkUsage = () => {
-            const sources = gisModel === null || gisModel === void 0 ? void 0 : gisModel.getLayersBySource(sourceId);
-            setUnused(sources ? sources.length === 0 : true);
-        };
-        gisModel === null || gisModel === void 0 ? void 0 : gisModel.sharedLayersChanged.connect(checkUsage);
-        checkUsage();
-        return () => {
-            gisModel === null || gisModel === void 0 ? void 0 : gisModel.sharedLayersChanged.disconnect(checkUsage);
-        };
-    }, [gisModel]);
-    /**
-     * Listen to the changes on the current source.
-     */
-    useEffect(() => {
-        const onClientSharedStateChanged = (sender, clients) => {
-            // TODO Support follow mode and remoteUser state
-            setSelected(isSelected(sourceId, gisModel));
-        };
-        gisModel === null || gisModel === void 0 ? void 0 : gisModel.clientStateChanged.connect(onClientSharedStateChanged);
-        return () => {
-            gisModel === null || gisModel === void 0 ? void 0 : gisModel.clientStateChanged.disconnect(onClientSharedStateChanged);
-        };
-    }, [gisModel]);
-    const setSelection = (event) => {
-        var _a;
-        const childId = (_a = event.currentTarget.children.namedItem(id)) === null || _a === void 0 ? void 0 : _a.id;
-        onClick({ type: 'source', item: sourceId, nodeId: childId, event });
-    };
-    let mainClasses = SOURCE_CLASS;
-    if (selected) {
-        mainClasses = mainClasses.concat(' jp-mod-selected');
-    }
-    if (unused) {
-        mainClasses = mainClasses.concat(` ${SOURCE_UNUSED}`);
-    }
-    return (React.createElement("div", { className: mainClasses },
-        React.createElement("div", { className: SOURCE_TITLE_CLASS, onClick: setSelection, onContextMenu: setSelection },
-            icons.has(source.type) && (React.createElement(LabIcon.resolveReact, Object.assign({}, icons.get(source.type), { className: SOURCE_ICON_CLASS }))),
-            React.createElement("span", { id: id, className: SOURCE_TEXT_CLASS }, name),
-            unused && React.createElement("span", { className: SOURCE_INFO }, "(unused)"))));
-}
-var Private;
-(function (Private) {
-    function sortedSourceIds(model) {
-        const sources = model === null || model === void 0 ? void 0 : model.getSources();
-        if (sources === undefined) {
-            return [];
-        }
-        return Object.keys(sources).sort((id1, id2) => {
-            const name1 = sources[id1].name.toLowerCase();
-            const name2 = sources[id2].name.toLowerCase();
-            return name1 < name2 ? -1 : name1 > name2 ? 1 : 0;
-        });
-    }
-    Private.sortedSourceIds = sortedSourceIds;
-})(Private || (Private = {}));

package/lib/toolbar/usertoolbaritem.d.ts

@@ -1,19 +0,0 @@
-import { IUserData, JupyterGISModel } from '@jupytergis/schema';
-import * as React from 'react';
-interface IProps {
-    model: JupyterGISModel;
-}
-interface IState {
-    usersList: IUserData[];
-    selectedUser?: IUserData;
-}
-export declare class UsersItem extends React.Component<IProps, IState> {
-    constructor(props: IProps);
-    componentDidMount(): void;
-    selectUser: (user: IUserData) => void;
-    private createUserIcon;
-    private filterDuplicated;
-    render(): React.ReactNode;
-    private _model;
-}
-export {};

package/lib/toolbar/usertoolbaritem.js

@@ -1,59 +0,0 @@
-import * as React from 'react';
-export class UsersItem extends React.Component {
-    constructor(props) {
-        super(props);
-        this.selectUser = (user) => {
-            var _a;
-            let selected = undefined;
-            if (user.userId !== ((_a = this.state.selectedUser) === null || _a === void 0 ? void 0 : _a.userId)) {
-                selected = user;
-            }
-            this.setState(old => (Object.assign(Object.assign({}, old), { selectedUser: selected })), () => {
-                this._model.setUserToFollow(selected === null || selected === void 0 ? void 0 : selected.userId);
-            });
-        };
-        this._model = props.model;
-        this.state = { usersList: [] };
-    }
-    componentDidMount() {
-        this.setState(old => (Object.assign(Object.assign({}, old), { usersList: this._model.users })));
-        this._model.userChanged.connect((_, usersList) => {
-            this.setState(old => (Object.assign(Object.assign({}, old), { usersList: usersList })));
-        });
-    }
-    createUserIcon(options) {
-        var _a;
-        let el;
-        const { userId, userData } = options;
-        const selected = `${userId === ((_a = this.state.selectedUser) === null || _a === void 0 ? void 0 : _a.userId) ? 'selected' : ''}`;
-        if (userData.avatar_url) {
-            el = (React.createElement("div", { key: userId, title: userData.display_name, className: `lm-MenuBar-itemIcon jp-MenuBar-imageIcon ${selected}`, onClick: () => this.selectUser(options) },
-                React.createElement("img", { src: userData.avatar_url, alt: "" })));
-        }
-        else {
-            el = (React.createElement("div", { key: userId, title: userData.display_name, className: `lm-MenuBar-itemIcon jp-MenuBar-anonymousIcon ${selected}`, style: { backgroundColor: userData.color }, onClick: () => this.selectUser(options) },
-                React.createElement("span", null, userData.initials)));
-        }
-        return el;
-    }
-    filterDuplicated(usersList) {
-        var _a;
-        const newList = [];
-        const selected = new Set();
-        for (const element of usersList) {
-            if (((_a = element === null || element === void 0 ? void 0 : element.userData) === null || _a === void 0 ? void 0 : _a.username) &&
-                !selected.has(element.userData.username)) {
-                selected.add(element.userData.username);
-                newList.push(element);
-            }
-        }
-        return newList;
-    }
-    render() {
-        return (React.createElement("div", { className: "jGIS-toolbar-usertoolbar" }, this.filterDuplicated(this.state.usersList).map(item => {
-            if (item.userId !== this._model.currentUserId) {
-                return this.createUserIcon(item);
-            }
-        })));
-    }
-}