@jupytergis/base 0.6.1 → 0.7.0

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/processing/index.js

@@ -121,6 +121,7 @@ export async function executeSQLProcessing(model, geojsonString, gdalFunction, o
     const processedBytes = await Gdal.getFileBytes(outputFilePath);
     const processedGeoJSONString = new TextDecoder().decode(processedBytes);
     Gdal.close(dataset);
+    const layerName = `${layerNamePrefix} ${processingType.charAt(0).toUpperCase() + processingType.slice(1)}`;
     if (!embedOutputLayer) {
         // Save the output as a file
         const jgisFilePath = (_a = tracker.currentWidget) === null || _a === void 0 ? void 0 : _a.model.filePath;
@@ -146,7 +147,7 @@ export async function executeSQLProcessing(model, geojsonString, gdalFunction, o
             type: 'VectorLayer',
             parameters: { source: newSourceId },
             visible: true,
-            name: outputFileName,
+            name: layerName,
         };
         model.sharedModel.addSource(newSourceId, sourceModel);
         model.addLayer(UUID.uuid4(), layerModel);
@@ -157,14 +158,14 @@ export async function executeSQLProcessing(model, geojsonString, gdalFunction, o
         const newSourceId = UUID.uuid4();
         const sourceModel = {
             type: 'GeoJSONSource',
-            name: `${layerNamePrefix} ${processingType.charAt(0).toUpperCase() + processingType.slice(1)}`,
+            name: `${layerName} Source`,
             parameters: { data: processedGeoJSON },
         };
         const layerModel = {
             type: 'VectorLayer',
             parameters: { source: newSourceId },
             visible: true,
-            name: `${layerNamePrefix} ${processingType.charAt(0).toUpperCase() + processingType.slice(1)}`,
+            name: layerName,
         };
         model.sharedModel.addSource(newSourceId, sourceModel);
         model.addLayer(UUID.uuid4(), layerModel);

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;
     }
 }

package/lib/widget.js

@@ -65,12 +65,13 @@ export class JupyterGISOutputWidget extends MainAreaWidget {
     }
 }
 export class JupyterGISPanel extends SplitPanel {
-    constructor(options) {
+    constructor(_a) {
+        var { model, consoleTracker, state, commandRegistry, formSchemaRegistry, annotationModel } = _a, consoleOption = __rest(_a, ["model", "consoleTracker", "state", "commandRegistry", "formSchemaRegistry", "annotationModel"]);
         super({ orientation: 'vertical', spacing: 0 });
         this._consoleOpened = false;
-        const { model, consoleTracker, commandRegistry } = options, consoleOption = __rest(options, ["model", "consoleTracker", "commandRegistry"]);
+        this._state = state;
         this._initModel({ model, commandRegistry });
-        this._initView();
+        this._initView(formSchemaRegistry, annotationModel);
         this._consoleOption = Object.assign({ commandRegistry }, consoleOption);
         this._consoleTracker = consoleTracker;
     }
@@ -82,9 +83,12 @@ export class JupyterGISPanel extends SplitPanel {
             commands: options.commandRegistry,
         });
     }
-    _initView() {
+    _initView(formSchemaRegistry, annotationModel) {
         this._jupyterGISMainViewPanel = new JupyterGISMainViewPanel({
             mainViewModel: this._mainViewModel,
+            state: this._state,
+            formSchemaRegistry: formSchemaRegistry,
+            annotationModel: annotationModel,
         });
         this.addWidget(this._jupyterGISMainViewPanel);
         SplitPanel.setStretch(this._jupyterGISMainViewPanel, 1);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jupytergis/base",
-  "version": "0.6.1",
+  "version": "0.7.0",
   "description": "A JupyterLab extension for 3D modelling.",
   "keywords": [
     "jupyter",
@@ -44,7 +44,7 @@
     "@jupyter/collaboration": "^3.1.0",
     "@jupyter/react-components": "^0.16.6",
     "@jupyter/ydoc": "^2.0.0 || ^3.0.0",
-    "@jupytergis/schema": "^0.6.1",
+    "@jupytergis/schema": "^0.7.0",
     "@jupyterlab/application": "^4.3.0",
     "@jupyterlab/apputils": "^4.3.0",
     "@jupyterlab/completer": "^4.3.0",
@@ -80,15 +80,17 @@
     "date-fns": "^4.1.0",
     "gdal3.js": "^2.8.1",
     "geojson-vt": "^4.0.2",
+    "geoparquet": "^0.3.0",
     "geotiff": "^2.1.3",
+    "hyparquet-compressors": "^1.1.1",
     "lucide-react": "^0.513.0",
     "ol": "^10.1.0",
     "ol-pmtiles": "^0.5.0",
     "ol-stac": "^1.0.0-rc.10",
     "pbf": "^4.0.1",
     "pmtiles": "^3.0.7",
-    "proj4": "^2.19.3",
-    "proj4-list": "^1.0.4",
+    "proj4": "2.19.3",
+    "proj4-list": "1.0.4",
     "react": "^18.0.1",
     "react-day-picker": "^9.7.0",
     "shpjs": "^6.1.0",
@@ -102,7 +104,7 @@
     "@types/colormap": "^2.3.4",
     "@types/d3-color": "^3.1.0",
     "@types/node": "^18.15.11",
-    "@types/proj4": "^2.5.6",
+    "@types/proj4": "2.19.0",
     "@types/shpjs": "^3.4.7",
     "@types/uuid": "^10.0.0",
     "rimraf": "^3.0.2",

package/style/base.css

@@ -10,7 +10,7 @@
 @import url('./symbologyDialog.css');
 @import url('./statusBar.css');
 @import url('./temporalSlider.css');
-@import url('./stacBrowser.css');
+@import url('./tabPanel.css');
 @import url('ol/ol.css');
 @import url('./shared/button.css');
 @import url('./shared/toggle.css');
@@ -34,7 +34,7 @@
 /* Overwrite forms CSS */
 .jGIS-property-panel .array-item-list {
   display: flex;
-  gap: 1rem;
+  background-color: var(--jp-layout-color0);
 }
 
 .jGIS-property-panel .rjsf .array-item:not(:last-child) {
@@ -85,3 +85,19 @@ button.jp-mod-styled.jp-mod-reject {
   white-space: nowrap;
   border-width: 0;
 }
+
+.jgis-right-panel-container {
+  width: 330px;
+  top: 30px;
+  right: 0px;
+  position: absolute;
+  margin: 5px;
+}
+
+.jgis-left-panel-container {
+  position: absolute;
+  width: 250px;
+  top: 30px;
+  left: 0px;
+  margin: 5px;
+}

package/style/shared/tabs.css

@@ -1,14 +1,26 @@
+.jgis-panel-tabs {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  justify-content: center;
+  align-items: center;
+  background-color: var(--jp-layout-color0);
+  box-shadow:
+    0 4px 8px 0 rgba(0, 0, 0, 0.2),
+    0 6px 20px 0 rgba(0, 0, 0, 0.19);
+  border-radius: 5px;
+}
 .jgis-tabs-list {
   display: inline-flex;
   height: 2.5rem;
   align-items: center;
   justify-content: space-evenly;
-  border-radius: 0.375rem;
   background-color: var(--jp-layout-color2);
-  padding: 0.25rem;
   color: var(--jp-ui-font-color0);
   gap: 1rem;
   width: 100%;
+  font-size: 9px;
+  border-radius: 5px;
 }
 
 .jgis-tabs-trigger {
@@ -47,6 +59,8 @@
 .jgis-tabs-content {
   outline: none;
   width: 100%;
+  overflow-y: scroll;
+  max-height: 480px;
 }
 
 .jgis-tabs-content:focus-visible {

package/style/stacBrowser.css

@@ -1,9 +1,3 @@
-.jgis-stac-browser-main {
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
-}
-
 .jgis-stac-browser-collection {
   flex-wrap: wrap;
   margin-top: 0.5rem;