@jupytergis/base 0.14.1 → 0.16.0-alpha.0

package/lib/mainview/mainviewwidget.d.ts

@@ -1,12 +1,16 @@
 import { IAnnotationModel, IJGISFormSchemaRegistry } from '@jupytergis/schema';
 import { ReactWidget } from '@jupyterlab/apputils';
+import type { ILoggerRegistry } from '@jupyterlab/logconsole';
+import type { IRenderMimeRegistry } from '@jupyterlab/rendermime';
 import { IStateDB } from '@jupyterlab/statedb';
-import { MainViewModel } from './mainviewmodel';
+import { MainViewModel } from "./mainviewmodel";
 export interface IOptions {
     mainViewModel: MainViewModel;
     state?: IStateDB;
     formSchemaRegistry?: IJGISFormSchemaRegistry;
     annotationModel?: IAnnotationModel;
+    loggerRegistry?: ILoggerRegistry;
+    rendermime?: IRenderMimeRegistry | null;
 }
 export declare class JupyterGISMainViewPanel extends ReactWidget {
     /**

package/lib/mainview/mainviewwidget.js

@@ -1,6 +1,7 @@
 import { ReactWidget } from '@jupyterlab/apputils';
 import * as React from 'react';
-import { MainViewWithMediaQuery } from './mainView';
+import { StoryRenderMimeProvider } from "../features/story/components/ListStoryOverlayMarkdown";
+import { MainViewWithMediaQuery } from "./mainView";
 export class JupyterGISMainViewPanel extends ReactWidget {
     /**
      * Construct a `JupyterGISPanel`.
@@ -12,6 +13,7 @@ export class JupyterGISMainViewPanel extends ReactWidget {
         this._options = options;
     }
     render() {
-        return (React.createElement(MainViewWithMediaQuery, { state: this._state, viewModel: this._options.mainViewModel, formSchemaRegistry: this._options.formSchemaRegistry, annotationModel: this._options.annotationModel }));
+        return (React.createElement(StoryRenderMimeProvider, { rendermime: this._options.rendermime },
+            React.createElement(MainViewWithMediaQuery, { state: this._state, viewModel: this._options.mainViewModel, formSchemaRegistry: this._options.formSchemaRegistry, annotationModel: this._options.annotationModel, loggerRegistry: this._options.loggerRegistry })));
     }
 }

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

@@ -2,7 +2,7 @@ import * as React from 'react';
 interface IButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     asChild?: boolean;
     variant?: 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link' | 'icon';
-    size?: 'sm' | 'lg' | 'icon' | 'icon-sm';
+    size?: 'sm' | 'lg' | 'icon' | 'icon-sm' | 'icon-md';
 }
 declare const Button: React.ForwardRefExoticComponent<IButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export { Button };

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

@@ -13,6 +13,7 @@ declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<Dropd
 declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     inset?: boolean;
+    variant?: "default" | "destructive";
 } & React.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/lib/shared/components/DropdownMenu.js

@@ -12,6 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { Check, ChevronRight, Circle } from 'lucide-react';
 import { DropdownMenu as DropdownMenuPrimitive } from 'radix-ui';
 import * as React from 'react';
+import { cn } from './utils';
 const DropdownMenu = DropdownMenuPrimitive.Root;
 const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 const DropdownMenuGroup = DropdownMenuPrimitive.Group;
@@ -41,8 +42,8 @@ const DropdownMenuContent = React.forwardRef((_a, ref) => {
 });
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
 const DropdownMenuItem = React.forwardRef((_a, ref) => {
-    var { inset } = _a, props = __rest(_a, ["inset"]);
-    return (React.createElement(DropdownMenuPrimitive.Item, Object.assign({ ref: ref, className: 'jgis-dropdown-menu-item', style: {
+    var { inset, variant = 'default', className } = _a, props = __rest(_a, ["inset", "variant", "className"]);
+    return (React.createElement(DropdownMenuPrimitive.Item, Object.assign({ ref: ref, "data-variant": variant, className: cn('jgis-dropdown-menu-item', className), style: {
             paddingLeft: inset ? '2rem' : '0.5rem',
         } }, props)));
 });

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+type NativeSelectProps = Omit<React.ComponentProps<'select'>, 'size'> & {
+    size?: 'sm' | 'default';
+};
+declare function NativeSelect({ className, size, ...props }: NativeSelectProps): React.JSX.Element;
+declare function NativeSelectOption({ className, ...props }: React.ComponentProps<'option'>): React.JSX.Element;
+declare function NativeSelectOptGroup({ className, ...props }: React.ComponentProps<'optgroup'>): React.JSX.Element;
+export { NativeSelect, NativeSelectOptGroup, NativeSelectOption };

package/lib/shared/components/NativeSelect.js

@@ -0,0 +1,29 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { ChevronDownIcon } from 'lucide-react';
+import * as React from 'react';
+import { cn } from './utils';
+function NativeSelect(_a) {
+    var { className, size = 'default' } = _a, props = __rest(_a, ["className", "size"]);
+    return (React.createElement("div", { className: cn('jgis-native-select', className), "data-slot": "native-select-wrapper", "data-size": size },
+        React.createElement("select", Object.assign({ "data-slot": "native-select", "data-size": size }, props)),
+        React.createElement(ChevronDownIcon, { className: "jgis-native-select-icon", "aria-hidden": "true", "data-slot": "native-select-icon" })));
+}
+function NativeSelectOption(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (React.createElement("option", Object.assign({ "data-slot": "native-select-option", className: cn(className) }, props)));
+}
+function NativeSelectOptGroup(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (React.createElement("optgroup", Object.assign({ "data-slot": "native-select-optgroup", className: cn(className) }, props)));
+}
+export { NativeSelect, NativeSelectOptGroup, NativeSelectOption };

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

@@ -6,8 +6,8 @@ interface IPanelTabProps {
     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 TabsRoot: React.FC<IPanelTabProps>;
+declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 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, PanelTabs };
+export { Tabs, TabsContent, TabsList, TabsTrigger, TabsRoot };

package/lib/shared/components/Tabs.js

@@ -16,15 +16,15 @@ 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, }) => {
+const TabsRoot = ({ className, curTab, children, }) => {
     return (React.createElement(TabsPrimitive.Root, { "data-slot": "tabs", className: cn('TabsList', className), value: curTab, onValueChange: () => {
             return;
         }, children: children }));
 };
-const TabsList = (_a) => {
+const TabsList = React.forwardRef((_a, ref) => {
     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)));
-};
+    return (React.createElement(TabsPrimitive.List, Object.assign({ ref: ref, "data-slot": "tabs-list", className: cn('jgis-tabs-list', className) }, props)));
+});
 const TabsTrigger = (_a) => {
     var { className } = _a, props = __rest(_a, ["className"]);
     return (React.createElement(TabsPrimitive.Trigger, Object.assign({ "data-slot": "tabs-trigger", className: cn('jgis-tabs-trigger', className) }, props)));
@@ -33,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, PanelTabs };
+export { Tabs, TabsContent, TabsList, TabsTrigger, TabsRoot };

package/lib/{formbuilder → shared/formbuilder}/creationform.js

@@ -9,10 +9,11 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import { showErrorMessage } from '@jupyterlab/apputils';
 import { UUID } from '@lumino/coreutils';
 import { Signal } from '@lumino/signaling';
 import React, { useEffect, useMemo, useRef } from 'react';
-import { deepCopy } from "../tools";
+import { deepCopy, getGeoPackageTableNames } from "../..";
 import { getLayerTypeForm, getSourceTypeForm } from './formselectors';
 /**
  * Form for creating a source, a layer or both at the same time
@@ -48,6 +49,7 @@ export function CreationForm(props) {
     const createSourceRef = useRef(createSource);
     const sourceTypeRef = useRef(sourceType);
     const layerTypeRef = useRef(layerType);
+    // const dialogOptionsRef = useRef(dialogOptions);
     modelRef.current = model;
     createLayerRef.current = createLayer;
     createSourceRef.current = createSource;
@@ -65,10 +67,76 @@ export function CreationForm(props) {
             const currentSourceType = sourceTypeRef.current;
             const currentLayerType = layerTypeRef.current;
             const currentSourceId = sourceIdRef.current;
+            let sourceData = (_a = sourceFormDataRef.current) !== null && _a !== void 0 ? _a : {};
+            if (currentCreateSource &&
+                currentSourceType === 'GeoJSONSource' &&
+                !sourceData.path &&
+                !sourceData.data) {
+                sourceData = Object.assign(Object.assign({}, sourceData), { data: {
+                        type: 'FeatureCollection',
+                        features: [],
+                    } });
+            }
+            sourceFormDataRef.current = sourceData;
+            const layerData = (_b = layerFormDataRef.current) !== null && _b !== void 0 ? _b : {};
+            // GeoPackage handling
+            if (currentSourceType === 'GeoPackageVectorSource' ||
+                currentSourceType === 'GeoPackageRasterSource') {
+                (async () => {
+                    if (!currentCreateSource) {
+                        console.error('GeoPackage handling requires source creation');
+                        return;
+                    }
+                    const { name: sourceName } = sourceData, sourceParams = __rest(sourceData, ["name"]);
+                    const allTables = await getGeoPackageTableNames(sourceParams.path, currentSourceType);
+                    let tableNames;
+                    if (sourceParams.tables) {
+                        const requested = sourceParams.tables
+                            .split(',')
+                            .map((s) => s.trim())
+                            .filter(Boolean);
+                        const invalid = requested.filter((t) => !allTables.includes(t));
+                        if (invalid.length) {
+                            showErrorMessage('Invalid GeoPackage Tables', `Invalid: ${invalid.join(', ')}. Available: ${allTables.join(', ')}`);
+                        }
+                        tableNames = requested.filter((t) => allTables.includes(t));
+                        if (!tableNames.length) {
+                            console.warn('No valid tables. Aborting.');
+                            return;
+                        }
+                    }
+                    else {
+                        tableNames = allTables;
+                    }
+                    for (const tableName of tableNames) {
+                        const childId = `${currentSourceId}/${tableName}`;
+                        if (currentCreateSource) {
+                            const sourceModel = {
+                                type: currentSourceType,
+                                name: `${sourceName !== null && sourceName !== void 0 ? sourceName : 'Source'} ${tableName} Source`,
+                                parameters: Object.assign(Object.assign({}, sourceParams), { tables: tableName }),
+                            };
+                            currentModel.sharedModel.addSource(childId, sourceModel);
+                        }
+                        if (currentCreateLayer) {
+                            const layerModel = {
+                                type: currentLayerType ||
+                                    (currentSourceType === 'GeoPackageVectorSource'
+                                        ? 'VectorLayer'
+                                        : 'RasterLayer'),
+                                parameters: { source: childId },
+                                visible: true,
+                                name: `${sourceName !== null && sourceName !== void 0 ? sourceName : 'Layer'} ${tableName} Layer`,
+                            };
+                            currentModel.addLayer(UUID.uuid4(), layerModel);
+                        }
+                    }
+                })();
+                return;
+            }
+            // Normal flow
             if (currentCreateSource) {
-                const sourceData = (_a = sourceFormDataRef.current) !== null && _a !== void 0 ? _a : {};
                 const { name } = sourceData, sourceParams = __rest(sourceData, ["name"]);
-                const layerData = layerFormDataRef.current;
                 const actualName = name ||
                     (currentCreateLayer && (layerData === null || layerData === void 0 ? void 0 : layerData.name)
                         ? `${layerData.name} Source`
@@ -81,7 +149,6 @@ export function CreationForm(props) {
                 currentModel.sharedModel.addSource(currentSourceId, sourceModel);
             }
             if (currentCreateLayer) {
-                const layerData = (_b = layerFormDataRef.current) !== null && _b !== void 0 ? _b : {};
                 const { name } = layerData, layerParams = __rest(layerData, ["name"]);
                 const actualName = name || `${(_c = layerData.name) !== null && _c !== void 0 ? _c : 'Layer'} Layer`;
                 const layerModel = {

package/lib/{formbuilder → shared/formbuilder}/editform.js

@@ -1,6 +1,6 @@
 import { Signal } from '@lumino/signaling';
 import * as React from 'react';
-import { deepCopy } from "../tools";
+import { deepCopy } from "../../tools";
 import { getLayerTypeForm, getSourceTypeForm } from './formselectors';
 function syncObjectProperties(model, id, properties) {
     if (!id) {

package/lib/{formbuilder → shared/formbuilder}/formselectors.d.ts

@@ -1,6 +1,6 @@
 import { LayerType, SourceType } from '@jupytergis/schema';
 import * as React from 'react';
-import type { ILayerProps } from './objectform/layer/layerform';
-import type { ISourceFormProps } from './objectform/source/sourceform';
+import type { ILayerProps } from "../../features/layers/forms/layer/layerform";
+import type { ISourceFormProps } from "../../features/layers/forms/source/sourceform";
 export declare function getLayerTypeForm(layerType: LayerType): React.ComponentType<ILayerProps>;
 export declare function getSourceTypeForm(sourceType: SourceType): React.ComponentType<ISourceFormProps>;

package/lib/{formbuilder → shared/formbuilder}/formselectors.js

@@ -1,5 +1,5 @@
-import { HeatmapLayerPropertiesForm, HillshadeLayerPropertiesForm, StorySegmentLayerPropertiesForm, LayerPropertiesForm, VectorLayerPropertiesForm, WebGlLayerPropertiesForm, } from './objectform/layer';
-import { GeoJSONSourcePropertiesForm, GeoTiffSourcePropertiesForm, PathBasedSourcePropertiesForm, TileSourcePropertiesForm, SourcePropertiesForm, } from './objectform/source';
+import { HeatmapLayerPropertiesForm, HillshadeLayerPropertiesForm, StorySegmentLayerPropertiesForm, LayerPropertiesForm, VectorLayerPropertiesForm, GeoTiffLayerPropertiesForm, } from "../../features/layers/forms/layer";
+import { GeoJSONSourcePropertiesForm, GeoTiffSourcePropertiesForm, PathBasedSourcePropertiesForm, TileSourcePropertiesForm, WmsTileSourceForm, SourcePropertiesForm, GeoPackagePropertiesForm, } from "../../features/layers/forms/source";
 export function getLayerTypeForm(layerType) {
     let LayerForm = LayerPropertiesForm;
     switch (layerType) {
@@ -10,8 +10,8 @@ export function getLayerTypeForm(layerType) {
         case 'HillshadeLayer':
             LayerForm = HillshadeLayerPropertiesForm;
             break;
-        case 'WebGlLayer':
-            LayerForm = WebGlLayerPropertiesForm;
+        case 'GeoTiffLayer':
+            LayerForm = GeoTiffLayerPropertiesForm;
             break;
         case 'HeatmapLayer':
             LayerForm = HeatmapLayerPropertiesForm;
@@ -38,10 +38,19 @@ export function getSourceTypeForm(sourceType) {
         case 'GeoTiffSource':
             SourceForm = GeoTiffSourcePropertiesForm;
             break;
+        case 'WmsTileSource':
+            SourceForm = WmsTileSourceForm;
+            break;
         case 'RasterSource':
         case 'VectorTileSource':
             SourceForm = TileSourcePropertiesForm;
             break;
+        case 'GeoPackageVectorSource':
+            SourceForm = GeoPackagePropertiesForm;
+            break;
+        case 'GeoPackageRasterSource':
+            SourceForm = GeoPackagePropertiesForm;
+            break;
         case 'GeoParquetSource':
             SourceForm = PathBasedSourcePropertiesForm;
             break;

package/lib/shared/formbuilder/index.d.ts

@@ -0,0 +1,4 @@
+export * from './objectform/SchemaForm';
+export * from "../../features/layers/forms/source";
+export * from "../../features/layers/forms/layer";
+export * from './creationform';

package/lib/shared/formbuilder/index.js

@@ -0,0 +1,4 @@
+export * from './objectform/SchemaForm';
+export * from "../../features/layers/forms/source";
+export * from "../../features/layers/forms/layer";
+export * from './creationform';

package/lib/{formbuilder → shared/formbuilder}/objectform/SchemaForm.d.ts

@@ -1,7 +1,7 @@
 import type { Signal } from '@lumino/signaling';
 import { RegistryFieldsType, UiSchema } from '@rjsf/utils';
 import React from 'react';
-import { IDict, type IJupyterGISFormContext } from "../../types";
+import { IDict, type IJupyterGISFormContext } from "../../../types";
 export interface ISchemaFormProps {
     /** JSON Schema for the form. */
     schema: IDict;

package/lib/{formbuilder → shared/formbuilder}/objectform/StoryEditorForm.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import type { IBaseFormProps } from "../../types";
+import type { IBaseFormProps } from "../../../types";
 export declare function StoryEditorPropertiesForm(props: IBaseFormProps): React.ReactElement | null;

package/lib/{formbuilder → shared/formbuilder}/objectform/StoryEditorForm.js

@@ -1,5 +1,5 @@
 import React, { useMemo } from 'react';
-import { deepCopy } from "../../tools";
+import { deepCopy } from "../../../tools";
 import { SchemaForm } from './SchemaForm';
 import { processBaseSchema, removeFormEntry } from './schemaUtils';
 import { useSchemaFormState } from './useSchemaFormState';

package/lib/{formbuilder → shared/formbuilder}/objectform/components/LayerSelect.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { extractLayerOverrideIndex } from "../../../tools";
+import { extractLayerOverrideIndex } from "../../../../tools";
 /**
  * Simple select populated with layers (valid types only).
  * Used as the targetLayer field inside layerOverride array items.

package/lib/{formbuilder → shared/formbuilder}/objectform/components/SegmentFormSymbology.js

@@ -1,10 +1,10 @@
 import { ChevronRightIcon } from 'lucide-react';
 import React from 'react';
-import { SymbologyWidget } from "../../../dialogs/symbology/symbologyDialog";
-import { Button } from "../../../shared/components/Button";
-import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "../../../shared/components/Collapsible";
+import { SymbologyWidget } from "../../../../features/layers/symbology/symbologyDialog";
+import { Button } from "../../../components/Button";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "../../../components/Collapsible";
 import { GlobalStateDbManager } from "../../../store";
-import { SYMBOLOGY_VALID_LAYER_TYPES, } from "../../../types";
+import { SYMBOLOGY_VALID_LAYER_TYPES, } from "../../../../types";
 const SELECTION_SETTLE_MS = 100;
 function LayerOverrideItem({ item, formContext }) {
     var _a, _b;

package/lib/{formbuilder → shared/formbuilder}/objectform/components/SourcePropertiesField.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { deepCopy, extractLayerOverrideIndex } from "../../../tools";
+import { deepCopy, extractLayerOverrideIndex } from "../../../../tools";
 import { getSourceTypeForm } from '../../formselectors';
 /**
  * RJSF custom field for layerOverride[].sourceProperties: renders the

package/lib/{formbuilder → shared/formbuilder}/objectform/components/StorySegmentReset.js

@@ -1,7 +1,7 @@
 import { LabIcon } from '@jupyterlab/ui-components';
 import React from 'react';
+import { Button } from "../../../components/Button";
 import { targetWithCenterIcon } from "../../../icons";
-import { Button } from "../../../shared/components/Button";
 function StorySegmentReset({ model, layerId }) {
     const handleSetStorySegmentToCurrentView = () => {
         if (!model || !layerId) {

package/lib/shared/formbuilder/objectform/components/WmsTileSourceUrlInput.d.ts

@@ -0,0 +1,3 @@
+import { WidgetProps } from '@rjsf/utils';
+import React from 'react';
+export declare function WmsTileSourceUrlInput(props: WidgetProps<string>): React.ReactElement;

package/lib/shared/formbuilder/objectform/components/WmsTileSourceUrlInput.js

@@ -0,0 +1,84 @@
+import React, { useState } from 'react';
+import { WMS_AVAILABLE_LAYERS_CACHE } from "../../../../features/layers/forms/source";
+import { Button } from "../../../components/Button";
+import { Input } from "../../../components/Input";
+import { GlobalStateDbManager } from "../../../store";
+import { fetchWithProxies } from "../../../../tools";
+export function WmsTileSourceUrlInput(props) {
+    var _a;
+    const { value, formContext, onChange, id, name, onBlur, onFocus, disabled, readonly, } = props;
+    const context = formContext;
+    const model = context === null || context === void 0 ? void 0 : context.model;
+    const layers = (_a = context === null || context === void 0 ? void 0 : context.wmsAvailableLayers) !== null && _a !== void 0 ? _a : [];
+    const setWmsAvailableLayers = context === null || context === void 0 ? void 0 : context.setWmsAvailableLayers;
+    const stateDb = GlobalStateDbManager.getInstance().getStateDb();
+    const text = !value ? '' : String(value);
+    const [isLoading, setIsLoading] = useState(false);
+    const [error, setError] = useState(undefined);
+    const handleChange = (event) => {
+        onChange(event.target.value);
+    };
+    const handleConnect = async () => {
+        var _a, _b, _c;
+        if (!model || !setWmsAvailableLayers) {
+            return null;
+        }
+        setIsLoading(true);
+        setError(undefined);
+        const slash = text.endsWith('/') ? '' : '/';
+        const url = `${text}${slash}?SERVICE=WMS&VERSION=1.3.0&REQUEST=GetCapabilities`;
+        try {
+            if (stateDb) {
+                const cacheKey = `${WMS_AVAILABLE_LAYERS_CACHE}:${text}`;
+                const cached = (await stateDb.fetch(cacheKey));
+                if (cached && cached.length > 0) {
+                    setWmsAvailableLayers(cached);
+                    return;
+                }
+            }
+            const xmlText = await fetchWithProxies(url, model, (response) => response.text());
+            const xml = typeof xmlText === 'string' ? xmlText : '';
+            const doc = new DOMParser().parseFromString(xml, 'text/xml');
+            const hasParseError = Boolean(doc.querySelector('parsererror'));
+            const serviceException = doc.querySelector('ServiceExceptionReport');
+            if (hasParseError || serviceException) {
+                setError((_b = (_a = serviceException === null || serviceException === void 0 ? void 0 : serviceException.textContent) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : 'Failed to parse WMS GetCapabilities XML.');
+                return;
+            }
+            const rootLayer = doc.querySelector('Capability > Layer');
+            const layerEls = Array.from((_c = rootLayer === null || rootLayer === void 0 ? void 0 : rootLayer.querySelectorAll(':scope > Layer')) !== null && _c !== void 0 ? _c : []);
+            const parsed = layerEls
+                .map(layerEl => {
+                var _a, _b, _c, _d, _e, _f;
+                const name = (_c = (_b = (_a = layerEl.querySelector('Name')) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim()) !== null && _c !== void 0 ? _c : '';
+                const title = (_f = (_e = (_d = layerEl.querySelector('Title')) === null || _d === void 0 ? void 0 : _d.textContent) === null || _e === void 0 ? void 0 : _e.trim()) !== null && _f !== void 0 ? _f : name;
+                return { name, title };
+            })
+                .filter(layer => layer.name !== '' || layer.title !== '');
+            setWmsAvailableLayers(parsed);
+            if (stateDb) {
+                const cacheKey = `${WMS_AVAILABLE_LAYERS_CACHE}:${text}`;
+                await stateDb.save(cacheKey, parsed);
+            }
+        }
+        catch (e) {
+            setError(e instanceof Error ? e.message : String(e));
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { style: {
+                display: 'flex',
+                gap: '0.5rem',
+                alignItems: 'center',
+                margin: '0 7px',
+            } },
+            React.createElement(Input, { id: id, name: name, type: "text", value: text, onChange: handleChange, onBlur: e => onBlur(id, e.target.value), onFocus: e => onFocus(id, e.target.value), disabled: disabled, readOnly: readonly, placeholder: "Enter WMS URL", style: { flexGrow: 1 } }),
+            React.createElement(Button, { variant: "outline", size: "sm", type: "button", onClick: handleConnect, disabled: isLoading }, isLoading ? 'Connecting…' : 'Connect')),
+        error && (React.createElement("div", { style: { marginTop: '0.5rem', color: 'var(--jp-error-color1)' } }, error)),
+        layers.length > 0 && (React.createElement("div", { style: { marginTop: '0.5rem' } },
+            layers.length,
+            " layer(s) found. Choose one in the `params.layers` dropdown."))));
+}

package/lib/{formbuilder → shared/formbuilder}/objectform/fileselectorwidget.js

@@ -2,7 +2,7 @@ import { Dialog } from '@jupyterlab/apputils';
 import { PathExt } from '@jupyterlab/coreutils';
 import { FileDialog } from '@jupyterlab/filebrowser';
 import React, { useState, useEffect, useRef } from 'react';
-import { LayerCreationFormDialog } from "../../dialogs/layerCreationFormDialog";
+import { LayerCreationFormDialog } from "../../../features/layers/layerCreationFormDialog";
 export const FileSelectorWidget = props => {
     const { options } = props;
     const { docManager, formOptions } = options;
@@ -23,6 +23,7 @@ export const FileSelectorWidget = props => {
         }
     }, [props.value]);
     const handleBrowseServerFiles = async () => {
+        var _a, _b, _c;
         try {
             const dialogElement = document.querySelector('dialog[aria-modal="true"]');
             if (dialogElement) {
@@ -44,6 +45,12 @@ export const FileSelectorWidget = props => {
                 setServerFilePath(relativePath);
                 setUrlPath('');
                 props.onChange(relativePath);
+                const fileName = (_b = (_a = relativePath
+                    .split('/')
+                    .pop()) === null || _a === void 0 ? void 0 : _a.replace(/\.[^.]+$/, '')) !== null && _b !== void 0 ? _b : '';
+                if (fileName && ((_c = formOptions.dialogOptions) === null || _c === void 0 ? void 0 : _c.layerData)) {
+                    formOptions.dialogOptions.layerData.name = fileName;
+                }
                 if (dialogElement) {
                     if (formOptions.sourceType === 'GeoTiffSource') {
                         formOptions.dialogOptions.sourceData = Object.assign(Object.assign({}, formOptions.sourceData), { urls: formOptions.dialogOptions.sourceData.urls.map((urlObject) => {

package/lib/{formbuilder → shared/formbuilder}/objectform/schemaUtils.d.ts

@@ -4,11 +4,13 @@
  * and apply read-only behaviour based on form context (create vs update).
  */
 import { RJSFSchema, UiSchema } from '@rjsf/utils';
-import { IDict } from "../../types";
+import { IDict } from "../../../types";
 /**
  * Remove a property from form data, schema, and uiSchema.
  */
 export declare function removeFormEntry(entry: string, data: IDict | undefined, schema: RJSFSchema, uiSchema: UiSchema): void;
+/** Remove a property nested under a parent object in data, schema, and uiSchema. */
+export declare function removeNestedFormEntry(parentKey: string, entry: string, data: IDict | undefined, schema: RJSFSchema, uiSchema: UiSchema): void;
 /**
  * Apply base processSchema: array options, opacity field, readOnly handling.
  * Mutates schema, uiSchema, and optionally data (for readOnly removal in update).

package/lib/{formbuilder → shared/formbuilder}/objectform/schemaUtils.js

@@ -13,6 +13,17 @@ export function removeFormEntry(entry, data, schema, uiSchema) {
         schema.required.splice(schema.required.indexOf(entry), 1);
     }
 }
+/** Remove a property nested under a parent object in data, schema, and uiSchema. */
+export function removeNestedFormEntry(parentKey, entry, data, schema, uiSchema) {
+    var _a, _b;
+    const parentData = data && typeof data[parentKey] === 'object'
+        ? data[parentKey]
+        : undefined;
+    const parentSchema = (_a = schema.properties) === null || _a === void 0 ? void 0 : _a[parentKey];
+    const parentUiSchema = (_b = uiSchema[parentKey]) !== null && _b !== void 0 ? _b : {};
+    removeFormEntry(entry, parentData, parentSchema, parentUiSchema);
+    uiSchema[parentKey] = parentUiSchema;
+}
 /**
  * Apply base processSchema: array options, opacity field, readOnly handling.
  * Mutates schema, uiSchema, and optionally data (for readOnly removal in update).

package/lib/{formbuilder → shared/formbuilder}/objectform/useSchemaFormState.d.ts

@@ -7,7 +7,7 @@
 import { IJupyterGISModel } from '@jupytergis/schema';
 import { RJSFSchema } from '@rjsf/utils';
 import { type Dispatch, type SetStateAction } from 'react';
-import { IDict } from "../../types";
+import { IDict } from "../../../types";
 export interface IUseSchemaFormStateProps {
     /** External data to sync into the form (e.g. layer/source parameters). */
     sourceData: IDict | undefined;
@@ -29,7 +29,7 @@ export interface IUseSchemaFormStateResult {
     setFormData: Dispatch<SetStateAction<IDict>>;
     /** Schema to pass to SchemaForm (deep copy of schemaProp). */
     schema: RJSFSchema;
-    /** Form context value { model, formData } for SchemaForm. */
+    /** Form context value for SchemaForm (available to custom fields/widgets). */
     formContextValue: {
         model: IJupyterGISModel;
         formData: IDict;

package/lib/{formbuilder → shared/formbuilder}/objectform/useSchemaFormState.js

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useMemo, useState, } from 'react';
-import { deepCopy } from "../../tools";
+import { deepCopy } from "../../../tools";
 /**
  * Manages form data state, schema copy, and form context for object forms.
  * Callers supply uiSchema, handleChange, handleSubmit, and any validation.

package/lib/{icons.d.ts → shared/icons.d.ts}

@@ -16,4 +16,6 @@ export declare const terminalToolbarIcon: LabIcon;
 export declare const geolocationIcon: LabIcon;
 export declare const targetWithoutCenterIcon: LabIcon;
 export declare const targetWithCenterIcon: LabIcon;
+export declare const geoPackageIcon: LabIcon;
 export declare const markerIcon: LabIcon;
+export declare const pencilSolidIcon: LabIcon;