@jupytergis/base 0.6.2 → 0.8.0

package/lib/panelview/leftpanel.js

@@ -1,154 +1,32 @@
-import { SidePanel } from '@jupyterlab/ui-components';
-import { CommandIDs } from "../constants";
-import StacPanel from "../stacBrowser/StacPanel";
-import { FilterPanel } from './components/filter-panel/Filter';
-import { LayersPanel } from './components/layers';
-import { ControlPanelHeader } from './header';
-export class LeftPanelWidget extends SidePanel {
-    constructor(options) {
-        super();
-        /**
-         * Function to call when a layer is selected from a component of the panel.
-         *
-         * @param item - the selected layer or group.
-         */
-        this._onSelect = ({ type, item, nodeId, event, }) => {
-            var _a, _b;
-            if (!this._model || !nodeId) {
-                return;
-            }
-            const { jGISModel } = this._model;
-            const selectedValue = (_b = (_a = jGISModel === null || jGISModel === void 0 ? void 0 : jGISModel.localState) === null || _a === void 0 ? void 0 : _a.selected) === null || _b === void 0 ? void 0 : _b.value;
-            const node = document.getElementById(nodeId);
-            if (!node) {
-                return;
-            }
-            node.tabIndex = 0;
-            node.focus();
-            // Early return if no selection exists
-            if (!selectedValue) {
-                this.resetSelected(type, nodeId, item);
-                return;
-            }
-            // Don't want to reset selected if right clicking a selected item
-            if (!event.ctrlKey && event.button === 2 && item in selectedValue) {
-                return;
-            }
-            // Reset selection for normal left click
-            if (!event.ctrlKey) {
-                this.resetSelected(type, nodeId, item);
-                return;
-            }
-            if (nodeId) {
-                // Check if new selection is the same type as previous selections
-                const isSelectedSameType = Object.values(selectedValue).some(selection => selection.type === type);
-                if (!isSelectedSameType) {
-                    // Selecting a new type, so reset selected
-                    this.resetSelected(type, nodeId, item);
-                    return;
-                }
-                // If types are the same add the selection
-                const updatedSelectedValue = Object.assign(Object.assign({}, selectedValue), { [item]: { type, selectedNodeId: nodeId } });
-                this._lastSelectedNodeId = nodeId;
-                jGISModel.syncSelected(updatedSelectedValue, this.id);
-                this._notifyCommands();
-            }
-        };
-        this.addClass('jGIS-sidepanel-widget');
-        this.addClass('data-jgis-keybinding');
-        this.node.tabIndex = 0;
-        this._model = options.model;
-        this._state = options.state;
-        this._commands = options.commands;
-        const header = new ControlPanelHeader();
-        this.header.addWidget(header);
-        const layerTree = new LayersPanel({
-            model: this._model,
-            state: this._state,
-            onSelect: this._onSelect,
-        });
-        layerTree.title.caption = 'Layer tree';
-        layerTree.title.label = 'Layers';
-        this.addWidget(layerTree);
-        const stacPanel = new StacPanel({
-            model: this._model,
-            tracker: options.tracker,
-        });
-        stacPanel.title.caption = 'STAC';
-        stacPanel.title.label = 'STAC';
-        this.addWidget(stacPanel);
-        const filterPanel = new FilterPanel({
-            model: this._model,
-            tracker: options.tracker,
-        });
-        filterPanel.title.caption = 'Filters';
-        filterPanel.title.label = 'Filters';
-        this.addWidget(filterPanel);
-        this._handleFileChange = () => {
-            var _a;
-            header.title.label = ((_a = this._currentModel) === null || _a === void 0 ? void 0 : _a.filePath) || '-';
-        };
-        options.tracker.currentChanged.connect((_, changed) => {
-            if (changed) {
-                if (this._currentModel) {
-                    this._currentModel.pathChanged.disconnect(this._handleFileChange);
-                }
-                this._currentModel = changed.model;
-                header.title.label = changed.model.filePath;
-                this._currentModel.pathChanged.connect(this._handleFileChange);
-            }
-            else {
-                header.title.label = '-';
-                this._currentModel = null;
-            }
-        });
-    }
-    dispose() {
-        super.dispose();
-    }
-    onAfterAttach(msg) {
-        super.onAfterAttach(msg);
-        const node = this.node;
-        node.addEventListener('mouseup', this);
-    }
-    onBeforeDetach(msg) {
-        super.onBeforeDetach(msg);
-        const node = this.node;
-        node.removeEventListener('mouseup', this);
-    }
-    handleEvent(event) {
-        switch (event.type) {
-            case 'mouseup':
-                this._mouseUpEvent(event);
-                break;
-            default:
-                break;
-        }
-    }
-    _mouseUpEvent(event) {
-        // If we click on empty space in the layer panel, keep the focus on the last selected element
-        const node = document.getElementById(this._lastSelectedNodeId);
-        if (!node) {
-            return;
-        }
-        node.focus();
-    }
-    resetSelected(type, nodeId, item) {
-        var _a, _b;
-        const selection = {};
-        if (item && nodeId) {
-            selection[item] = {
-                type,
-                selectedNodeId: nodeId,
-            };
-            this._lastSelectedNodeId = nodeId;
-        }
-        (_b = (_a = this._model) === null || _a === void 0 ? void 0 : _a.jGISModel) === null || _b === void 0 ? void 0 : _b.syncSelected(selection, this.id);
-        this._notifyCommands();
-    }
-    _notifyCommands() {
-        // Notify commands that need updating
-        this._commands.notifyCommandChanged(CommandIDs.identify);
-        this._commands.notifyCommandChanged(CommandIDs.temporalController);
-    }
-}
+import * as React from 'react';
+import { LayersBodyComponent } from './components/layers';
+import { PanelTabs, TabsContent, TabsList, TabsTrigger, } from '../shared/components/Tabs';
+import StacPanel from '../stacBrowser/components/StacPanel';
+import FilterComponent from './components/filter-panel/Filter';
+export const LeftPanel = (props) => {
+    const tabInfo = [
+        { name: 'layers', title: 'Layers' },
+        { name: 'stac', title: 'Stac Browser' },
+        { name: 'filters', title: 'Filters' },
+    ];
+    const [curTab, setCurTab] = React.useState(tabInfo[0].name);
+    return (React.createElement("div", { className: "jgis-left-panel-container" },
+        React.createElement(PanelTabs, { curTab: curTab, className: "jgis-panel-tabs" },
+            React.createElement(TabsList, null, tabInfo.map(e => {
+                return (React.createElement(TabsTrigger, { className: "jGIS-layer-browser-category", value: e.name, onClick: () => {
+                        if (curTab !== e.name) {
+                            setCurTab(e.name);
+                        }
+                        else {
+                            setCurTab('');
+                        }
+                    } }, e.title));
+            })),
+            React.createElement(TabsContent, { value: "layers", className: "jgis-panel-tab-content jp-gis-layerPanel" },
+                React.createElement(LayersBodyComponent, { model: props.model, commands: props.commands, state: props.state })),
+            React.createElement(TabsContent, { value: "stac" },
+                React.createElement(StacPanel, { model: props.model })),
+            React.createElement(TabsContent, { value: "filters", className: "jgis-panel-tab-content" },
+                React.createElement(FilterComponent, { model: props.model }),
+                ","))));
+};

package/lib/panelview/objectproperties.d.ts

@@ -1,17 +1,22 @@
-import { IJGISFormSchemaRegistry, IJupyterGISTracker } from '@jupytergis/schema';
-import { PanelWithToolbar } from '@jupyterlab/ui-components';
-import { Panel } from '@lumino/widgets';
-import { IControlPanelModel } from "../types";
-export declare class ObjectProperties extends PanelWithToolbar {
-    constructor(params: ObjectProperties.IOptions);
+import { IJGISFormSchemaRegistry, IJupyterGISModel } from '@jupytergis/schema';
+import * as React from 'react';
+interface IStates {
+    model: IJupyterGISModel | undefined;
+    clientId: number | null;
+    id: string;
+    selectedObject?: string;
+    setSelectedObject: any;
 }
-export declare namespace ObjectProperties {
-    /**
-     * Instantiation options for `ObjectProperties`.
-     */
-    interface IOptions extends Panel.IOptions {
-        controlPanelModel: IControlPanelModel;
-        formSchemaRegistry: IJGISFormSchemaRegistry;
-        tracker: IJupyterGISTracker;
-    }
+interface IProps {
+    formSchemaRegistry: IJGISFormSchemaRegistry;
+    model: IJupyterGISModel;
+    selectedObject: string | undefined;
+    setSelectedObject: any;
 }
+export declare class ObjectPropertiesReact extends React.Component<IProps, IStates> {
+    constructor(props: IProps);
+    private _sharedJGISModelChanged;
+    private _onClientSharedStateChanged;
+    render(): React.ReactNode;
+}
+export {};

package/lib/panelview/objectproperties.js

@@ -1,20 +1,9 @@
-import { ReactWidget } from '@jupyterlab/apputils';
-import { PanelWithToolbar } from '@jupyterlab/ui-components';
 import * as React from 'react';
 import { v4 as uuid } from 'uuid';
 import { EditForm } from "../formbuilder/editform";
-export class ObjectProperties extends PanelWithToolbar {
-    constructor(params) {
-        super(params);
-        this.title.label = 'Objects Properties';
-        const body = ReactWidget.create(React.createElement(ObjectPropertiesReact, { cpModel: params.controlPanelModel, tracker: params.tracker, formSchemaRegistry: params.formSchemaRegistry }));
-        this.addWidget(body);
-        this.addClass('jGIS-sidebar-propertiespanel');
-    }
-}
-class ObjectPropertiesReact extends React.Component {
+export class ObjectPropertiesReact extends React.Component {
     constructor(props) {
-        var _a, _b, _c;
+        var _a, _b;
         super(props);
         this._sharedJGISModelChanged = () => {
             this.forceUpdate();
@@ -35,44 +24,33 @@ class ObjectPropertiesReact extends React.Component {
                 const selectedObjectIds = Object.keys(selection || {});
                 // Only show object properties if ONE object is selected
                 if (selection === undefined || selectedObjectIds.length !== 1) {
+                    this.state.setSelectedObject(undefined);
                     this.setState(old => (Object.assign(Object.assign({}, old), { selectedObject: undefined })));
                     return;
                 }
                 const selectedObject = selectedObjectIds[0];
                 if (selectedObject !== this.state.selectedObject) {
+                    this.state.setSelectedObject(selectedObject);
                     this.setState(old => (Object.assign(Object.assign({}, old), { selectedObject })));
                 }
             }
         };
         this.state = {
-            model: (_a = props.tracker.currentWidget) === null || _a === void 0 ? void 0 : _a.model,
-            clientId: null,
+            clientId: props.model.getClientId(),
             id: uuid(),
+            model: props.model,
+            selectedObject: props.selectedObject,
+            setSelectedObject: props.setSelectedObject,
         };
-        (_b = this.props.cpModel.jGISModel) === null || _b === void 0 ? void 0 : _b.sharedLayersChanged.connect(this._sharedJGISModelChanged);
-        (_c = this.props.cpModel.jGISModel) === null || _c === void 0 ? void 0 : _c.sharedSourcesChanged.connect(this._sharedJGISModelChanged);
-        this.props.cpModel.documentChanged.connect((_, changed) => {
-            if (changed) {
-                this.props.cpModel.disconnect(this._sharedJGISModelChanged);
-                this.props.cpModel.disconnect(this._onClientSharedStateChanged);
-                changed.model.sharedLayersChanged.connect(this._sharedJGISModelChanged);
-                changed.model.sharedSourcesChanged.connect(this._sharedJGISModelChanged);
-                changed.model.clientStateChanged.connect(this._onClientSharedStateChanged);
-                this.setState(old => (Object.assign(Object.assign({}, old), { model: changed.model, filePath: changed.model.filePath, clientId: changed.model.getClientId() })));
-            }
-            else {
-                this.setState({
-                    model: undefined,
-                    selectedObject: undefined,
-                });
-            }
-        });
+        this.props.model.clientStateChanged.connect(this._onClientSharedStateChanged);
+        (_a = this.props.model) === null || _a === void 0 ? void 0 : _a.sharedLayersChanged.connect(this._sharedJGISModelChanged);
+        (_b = this.props.model) === null || _b === void 0 ? void 0 : _b.sharedSourcesChanged.connect(this._sharedJGISModelChanged);
     }
     render() {
         var _a;
         const selectedObject = this.state.selectedObject;
         if (!selectedObject || !this.state.model) {
-            return React.createElement("div", null);
+            return React.createElement("div", { style: { textAlign: 'center' } }, "No layer selected");
         }
         let layerId = undefined;
         let sourceId = undefined;

package/lib/panelview/rightpanel.d.ts

@@ -1,23 +1,9 @@
-import { IAnnotationModel, IJGISFormSchemaRegistry, IJupyterGISTracker, JupyterGISDoc } from '@jupytergis/schema';
-import { SidePanel } from '@jupyterlab/ui-components';
-import { IControlPanelModel } from "../types";
-export declare class RightPanelWidget extends SidePanel {
-    constructor(options: RightPanelWidget.IOptions);
-    dispose(): void;
-    private _currentModel;
-    private _handleFileChange;
-    private _model;
-    private _annotationModel;
-}
-export declare namespace RightPanelWidget {
-    interface IOptions {
-        model: IControlPanelModel;
-        tracker: IJupyterGISTracker;
-        formSchemaRegistry: IJGISFormSchemaRegistry;
-        annotationModel: IAnnotationModel;
-    }
-    interface IProps {
-        filePath?: string;
-        sharedModel?: JupyterGISDoc;
-    }
+import { IAnnotationModel, IJGISFormSchemaRegistry, IJupyterGISModel } from '@jupytergis/schema';
+import * as React from 'react';
+interface IRightPanelProps {
+    formSchemaRegistry: IJGISFormSchemaRegistry;
+    annotationModel: IAnnotationModel;
+    model: IJupyterGISModel;
 }
+export declare const RightPanel: React.FC<IRightPanelProps>;
+export {};

package/lib/panelview/rightpanel.js

@@ -1,77 +1,32 @@
-import { SidePanel } from '@jupyterlab/ui-components';
-import { Annotations } from './annotationPanel';
-import IdentifyPanel from './components/identify-panel/IdentifyPanel';
-import { ControlPanelHeader } from './header';
-import { ObjectProperties } from './objectproperties';
-export class RightPanelWidget extends SidePanel {
-    constructor(options) {
-        super();
-        this.addClass('jGIS-sidepanel-widget');
-        this.addClass('data-jgis-keybinding');
-        this.node.tabIndex = 0;
-        this._model = options.model;
-        this._annotationModel = options.annotationModel;
-        const header = new ControlPanelHeader();
-        this.header.addWidget(header);
-        const properties = new ObjectProperties({
-            controlPanelModel: this._model,
-            formSchemaRegistry: options.formSchemaRegistry,
-            tracker: options.tracker,
-        });
-        this.addWidget(properties);
-        const annotations = new Annotations({
-            rightPanelModel: this._model,
-            annotationModel: this._annotationModel,
-        });
-        this.addWidget(annotations);
-        const identifyPanel = new IdentifyPanel({
-            model: this._model,
-            tracker: options.tracker,
-        });
-        identifyPanel.title.caption = 'Identify';
-        identifyPanel.title.label = 'Identify';
-        identifyPanel.addClass('jgis-scrollable');
-        this.addWidget(identifyPanel);
-        this._handleFileChange = () => {
-            var _a;
-            header.title.label = ((_a = this._currentModel) === null || _a === void 0 ? void 0 : _a.filePath) || '-';
-        };
-        this._model.documentChanged.connect((_, changed) => {
-            if (changed) {
-                if (changed.model.sharedModel.editable) {
-                    header.title.label = changed.model.filePath;
-                    properties.show();
-                }
-                else {
-                    header.title.label = `${changed.model.filePath} - Read Only`;
-                    properties.hide();
-                }
-            }
-            else {
-                header.title.label = '-';
-            }
-        });
-        options.tracker.currentChanged.connect(async (_, changed) => {
-            var _a;
-            if (changed) {
-                if (this._currentModel) {
-                    this._currentModel.pathChanged.disconnect(this._handleFileChange);
-                }
-                this._currentModel = changed.model;
-                header.title.label = this._currentModel.filePath;
-                this._currentModel.pathChanged.connect(this._handleFileChange);
-                this._annotationModel.model =
-                    ((_a = options.tracker.currentWidget) === null || _a === void 0 ? void 0 : _a.model) || undefined;
-                // await changed.context.ready;
-            }
-            else {
-                header.title.label = '-';
-                this._currentModel = null;
-                this._annotationModel.model = undefined;
-            }
-        });
-    }
-    dispose() {
-        super.dispose();
-    }
-}
+import * as React from 'react';
+import { AnnotationsPanel } from './annotationPanel';
+import { IdentifyPanelComponent } from './components/identify-panel/IdentifyPanel';
+import { ObjectPropertiesReact } from './objectproperties';
+import { PanelTabs, TabsContent, TabsList, TabsTrigger, } from '../shared/components/Tabs';
+export const RightPanel = props => {
+    const [selectedObjectProperties, setSelectedObjectProperties] = React.useState(undefined);
+    const tabInfo = [
+        { name: 'objectProperties', title: 'Object Properties' },
+        { name: 'annotations', title: 'Annotations' },
+        { name: 'identifyPanel', title: 'Identify Features' },
+    ];
+    const [curTab, setCurTab] = React.useState(tabInfo[0].name);
+    return (React.createElement("div", { className: "jgis-right-panel-container" },
+        React.createElement(PanelTabs, { className: "jgis-panel-tabs", curTab: curTab },
+            React.createElement(TabsList, null, tabInfo.map(e => {
+                return (React.createElement(TabsTrigger, { className: "jGIS-layer-browser-category", value: e.name, onClick: () => {
+                        if (curTab !== e.name) {
+                            setCurTab(e.name);
+                        }
+                        else {
+                            setCurTab('');
+                        }
+                    } }, e.title));
+            })),
+            React.createElement(TabsContent, { value: "objectProperties", className: "jgis-panel-tab-content" },
+                React.createElement(ObjectPropertiesReact, { setSelectedObject: setSelectedObjectProperties, selectedObject: selectedObjectProperties, formSchemaRegistry: props.formSchemaRegistry, model: props.model })),
+            React.createElement(TabsContent, { value: "annotations" },
+                React.createElement(AnnotationsPanel, { annotationModel: props.annotationModel, jgisModel: props.model })),
+            React.createElement(TabsContent, { value: "identifyPanel", className: "jgis-panel-tab-content" },
+                React.createElement(IdentifyPanelComponent, { model: props.model })))));
+};

package/lib/shared/components/Tabs.d.ts

@@ -1,7 +1,13 @@
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import * as React from 'react';
+interface IPanelTabProps {
+    className: string;
+    curTab: string | undefined;
+    children: any;
+}
 declare const Tabs: React.FC<React.ComponentProps<typeof TabsPrimitive.Root>>;
+declare const PanelTabs: React.FC<IPanelTabProps>;
 declare const TabsList: React.FC<React.ComponentProps<typeof TabsPrimitive.List>>;
 declare const TabsTrigger: React.FC<React.ComponentProps<typeof TabsPrimitive.Trigger>>;
 declare const TabsContent: React.FC<React.ComponentProps<typeof TabsPrimitive.Content>>;
-export { Tabs, TabsContent, TabsList, TabsTrigger };
+export { Tabs, TabsContent, TabsList, TabsTrigger, PanelTabs };

package/lib/shared/components/Tabs.js

@@ -16,6 +16,11 @@ const Tabs = (_a) => {
     var { className } = _a, props = __rest(_a, ["className"]);
     return (React.createElement(TabsPrimitive.Root, Object.assign({ "data-slot": "tabs", className: cn('TabsList', className) }, props)));
 };
+const PanelTabs = ({ className, curTab, children, }) => {
+    return (React.createElement(TabsPrimitive.Root, { "data-slot": "tabs", className: cn('TabsList', className), value: curTab, onValueChange: () => {
+            return;
+        }, children: children }));
+};
 const TabsList = (_a) => {
     var { className } = _a, props = __rest(_a, ["className"]);
     return (React.createElement(TabsPrimitive.List, Object.assign({ "data-slot": "tabs-list", className: cn('jgis-tabs-list', className) }, props)));
@@ -28,4 +33,4 @@ const TabsContent = (_a) => {
     var { className } = _a, props = __rest(_a, ["className"]);
     return (React.createElement(TabsPrimitive.Content, Object.assign({ "data-slot": "tabs-content", className: cn('jgis-tabs-content', className) }, props)));
 };
-export { Tabs, TabsContent, TabsList, TabsTrigger };
+export { Tabs, TabsContent, TabsList, TabsTrigger, PanelTabs };

package/lib/stacBrowser/components/{StacPanelView.d.ts → StacPanel.d.ts}

@@ -3,5 +3,5 @@ import React from 'react';
 interface IStacViewProps {
     model?: IJupyterGISModel;
 }
-declare const StacPanelView: ({ model }: IStacViewProps) => React.JSX.Element | null;
-export default StacPanelView;
+declare const StacPanel: ({ model }: IStacViewProps) => React.JSX.Element | null;
+export default StacPanel;

package/lib/stacBrowser/components/{StacPanelView.js → StacPanel.js}

@@ -3,12 +3,12 @@ import { Tabs, TabsContent, TabsList, TabsTrigger, } from "../../shared/componen
 import useStacSearch from "../hooks/useStacSearch";
 import StacPanelFilters from './StacPanelFilters';
 import StacPanelResults from './StacPanelResults';
-const StacPanelView = ({ model }) => {
+const StacPanel = ({ model }) => {
     const { filterState, filterSetters, results, startTime, setStartTime, endTime, setEndTime, totalPages, currentPage, totalResults, handlePaginationClick, handleResultClick, formatResult, isLoading, useWorldBBox, setUseWorldBBox, } = useStacSearch({ model });
     if (!model) {
         return null;
     }
-    return (React.createElement(Tabs, { defaultValue: "filters", className: "jgis-stac-browser-main" },
+    return (React.createElement(Tabs, { defaultValue: "filters", className: "jgis-panel-tabs" },
         React.createElement(TabsList, { style: { borderRadius: 0 } },
             React.createElement(TabsTrigger, { className: "jGIS-layer-browser-category", value: "filters" }, "Filters"),
             React.createElement(TabsTrigger, { className: "jGIS-layer-browser-category", value: "results" }, `Results (${totalResults})`)),
@@ -17,4 +17,4 @@ const StacPanelView = ({ model }) => {
         React.createElement(TabsContent, { value: "results" },
             React.createElement(StacPanelResults, { results: results, currentPage: currentPage, totalPages: totalPages, handlePaginationClick: handlePaginationClick, handleResultClick: handleResultClick, formatResult: formatResult, isLoading: isLoading }))));
 };
-export default StacPanelView;
+export default StacPanel;

package/lib/stacBrowser/index.d.ts

@@ -1 +1 @@
-export * from './StacBrowser';
+export * from './components/StacPanel';

package/lib/stacBrowser/index.js

@@ -1 +1 @@
-export * from './StacBrowser';
+export * from './components/StacPanel';

package/lib/tools.js

@@ -3,6 +3,7 @@ import { PathExt, URLExt } from '@jupyterlab/coreutils';
 import { ServerConnection } from '@jupyterlab/services';
 import { VectorTile } from '@mapbox/vector-tile';
 import * as d3Color from 'd3-color';
+import { compressors } from 'hyparquet-compressors';
 import Protobuf from 'pbf';
 import shp from 'shpjs';
 import RASTER_LAYER_GALLERY from "../rasterlayer_gallery/raster_layer_gallery.json";
@@ -411,6 +412,21 @@ export const loadFile = async (fileInfo) => {
                 showErrorMessage('Network error', `Failed to fetch ${filepath}`);
                 throw new Error(`Failed to fetch ${filepath}`);
             }
+            case 'GeoParquetSource': {
+                const cached = await getFromIndexedDB(filepath);
+                if (cached) {
+                    return cached.file;
+                }
+                const { asyncBufferFromUrl, toGeoJson } = await import('geoparquet');
+                const file = await asyncBufferFromUrl({ url: filepath });
+                const geojson = await toGeoJson({ file });
+                if (geojson) {
+                    await saveToIndexedDB(filepath, geojson);
+                    return geojson;
+                }
+                showErrorMessage('Network error', `Failed to fetch ${filepath}`);
+                throw new Error(`Failed to fetch ${filepath}`);
+            }
             default: {
                 throw new Error(`Unsupported URL handling for source type: ${type}`);
             }
@@ -467,6 +483,16 @@ export const loadFile = async (fileInfo) => {
                     throw new Error('Invalid file format for tiff content.');
                 }
             }
+            case 'GeoParquetSource': {
+                if (typeof file.content === 'string') {
+                    const { toGeoJson } = await import('geoparquet');
+                    const arrayBuffer = await stringToArrayBuffer(file.content);
+                    return await toGeoJson({ file: arrayBuffer, compressors });
+                }
+                else {
+                    throw new Error('Invalid file format for GeoParquet content.');
+                }
+            }
             default: {
                 throw new Error(`Unsupported source type: ${type}`);
             }

package/lib/types.d.ts

@@ -1,17 +1,9 @@
-import { IDict, IJupyterGISDoc, IJupyterGISModel, IJupyterGISTracker, IJupyterGISWidget } from '@jupytergis/schema';
+import { IDict, IJupyterGISWidget } from '@jupytergis/schema';
 import { WidgetTracker } from '@jupyterlab/apputils';
-import { ISignal } from '@lumino/signaling';
 import { Map } from 'ol';
 export { IDict };
 export type ValueOf<T> = T[keyof T];
 export type JupyterGISTracker = WidgetTracker<IJupyterGISWidget>;
-export interface IControlPanelModel {
-    disconnect(f: any): void;
-    documentChanged: ISignal<IJupyterGISTracker, IJupyterGISWidget | null>;
-    filePath: string | undefined;
-    jGISModel: IJupyterGISModel | undefined;
-    sharedModel: IJupyterGISDoc | undefined;
-}
 export type SymbologyTab = 'color' | 'radius';
 export type VectorRenderType = 'Single Symbol' | 'Canonical' | 'Graduated' | 'Categorized' | 'Heatmap';
 /**

package/lib/widget.d.ts

@@ -1,8 +1,9 @@
-import { IJupyterGISDocumentWidget, IJupyterGISModel, IJupyterGISOutputWidget } from '@jupytergis/schema';
+import { IAnnotationModel, IJGISFormSchemaRegistry, IJupyterGISDocumentWidget, IJupyterGISModel, IJupyterGISOutputWidget } from '@jupytergis/schema';
 import { MainAreaWidget } from '@jupyterlab/apputils';
 import { ConsolePanel, IConsoleTracker } from '@jupyterlab/console';
 import { DocumentWidget } from '@jupyterlab/docregistry';
 import { IObservableMap, ObservableMap } from '@jupyterlab/observables';
+import { IStateDB } from '@jupyterlab/statedb';
 import { CommandRegistry } from '@lumino/commands';
 import { JSONValue } from '@lumino/coreutils';
 import { ISignal } from '@lumino/signaling';
@@ -39,12 +40,12 @@ export declare namespace JupyterGISOutputWidget {
     }
 }
 export declare class JupyterGISPanel extends SplitPanel {
-    constructor(options: JupyterGISPanel.IOptions);
+    constructor({ model, consoleTracker, state, commandRegistry, formSchemaRegistry, annotationModel, ...consoleOption }: JupyterGISPanel.IOptions);
     _initModel(options: {
         model: IJupyterGISModel;
         commandRegistry: CommandRegistry;
     }): void;
-    _initView(): void;
+    _initView(formSchemaRegistry?: IJGISFormSchemaRegistry, annotationModel?: IAnnotationModel): void;
     get jupyterGISMainViewPanel(): JupyterGISMainViewPanel;
     get viewChanged(): ISignal<ObservableMap<JSONValue>, IObservableMap.IChangedArgs<JSONValue>>;
     /**
@@ -57,6 +58,7 @@ export declare class JupyterGISPanel extends SplitPanel {
     executeConsole(): void;
     removeConsole(): void;
     toggleConsole(jgisPath: string): Promise<void>;
+    private _state;
     private _mainViewModel;
     private _view;
     private _jupyterGISMainViewPanel;
@@ -69,6 +71,9 @@ export declare namespace JupyterGISPanel {
     interface IOptions extends Partial<ConsoleView.IOptions> {
         model: IJupyterGISModel;
         commandRegistry: CommandRegistry;
+        state?: IStateDB;
         consoleTracker?: IConsoleTracker;
+        formSchemaRegistry?: IJGISFormSchemaRegistry;
+        annotationModel?: IAnnotationModel;
     }
 }