@jupytergis/base 0.13.2 → 0.14.0

package/lib/formbuilder/editform.js

@@ -2,65 +2,77 @@ import { Signal } from '@lumino/signaling';
 import * as React from 'react';
 import { deepCopy } from "../tools";
 import { getLayerTypeForm, getSourceTypeForm } from './formselectors';
+function syncObjectProperties(model, id, properties) {
+    if (!id) {
+        return;
+    }
+    model.sharedModel.updateObjectParameters(id, properties);
+}
 /**
  * Form for editing a source, a layer or both at the same time
  */
-export class EditForm extends React.Component {
-    constructor() {
-        super(...arguments);
-        this.sourceFormChangedSignal = new Signal(this);
+export function EditForm(props) {
+    const { layer: layerId, source: sourceId, formSchemaRegistry, model } = props;
+    const sourceFormChangedSignalRef = React.useRef(null);
+    if (!sourceFormChangedSignalRef.current) {
+        sourceFormChangedSignalRef.current = new Signal({});
     }
-    async syncObjectProperties(id, properties) {
-        if (!id) {
-            return;
+    const sourceFormChangedSignal = sourceFormChangedSignalRef.current;
+    let layer;
+    let LayerForm;
+    let layerData;
+    let layerSchema;
+    if (layerId) {
+        layer = model.getLayer(layerId);
+        if (!layer) {
+            return null;
+        }
+        LayerForm = getLayerTypeForm(layer.type || 'RasterLayer');
+        layerData = deepCopy(layer.parameters || {});
+        layerSchema = deepCopy(formSchemaRegistry.getSchemas().get(layer.type));
+        if (!layerSchema) {
+            console.error(`Cannot find schema for ${layer.type}`);
+            return null;
         }
-        this.props.model.sharedModel.updateObjectParameters(id, properties);
     }
-    render() {
-        let layerSchema = undefined;
-        let LayerForm = undefined;
-        let layerData = undefined;
-        let layer = undefined;
-        if (this.props.layer) {
-            layer = this.props.model.getLayer(this.props.layer);
-            if (!layer) {
-                return;
-            }
-            LayerForm = getLayerTypeForm((layer === null || layer === void 0 ? void 0 : layer.type) || 'RasterLayer');
-            layerData = deepCopy((layer === null || layer === void 0 ? void 0 : layer.parameters) || {});
-            layerSchema = deepCopy(this.props.formSchemaRegistry.getSchemas().get(layer.type));
-            if (!layerSchema) {
-                console.error(`Cannot find schema for ${layer.type}`);
-                return;
-            }
+    else {
+        layer = undefined;
+        LayerForm = undefined;
+        layerData = undefined;
+        layerSchema = undefined;
+    }
+    let source;
+    let SourceForm;
+    let sourceData;
+    let sourceSchema;
+    if (sourceId) {
+        source = model.getSource(sourceId);
+        if (!source) {
+            return null;
         }
-        let sourceSchema = undefined;
-        let SourceForm = undefined;
-        let sourceData = undefined;
-        let source = undefined;
-        if (this.props.source) {
-            source = this.props.model.getSource(this.props.source);
-            if (!source) {
-                return;
-            }
-            SourceForm = getSourceTypeForm((source === null || source === void 0 ? void 0 : source.type) || 'RasterSource');
-            sourceData = deepCopy((source === null || source === void 0 ? void 0 : source.parameters) || {});
-            sourceSchema = deepCopy(this.props.formSchemaRegistry.getSchemas().get(source.type));
-            if (!sourceSchema) {
-                console.error(`Cannot find schema for ${source.type}`);
-                return;
-            }
+        SourceForm = getSourceTypeForm(source.type || 'RasterSource');
+        sourceData = deepCopy(source.parameters || {});
+        sourceSchema = deepCopy(formSchemaRegistry.getSchemas().get(source.type));
+        if (!sourceSchema) {
+            console.error(`Cannot find schema for ${source.type}`);
+            return null;
         }
-        return (React.createElement("div", null,
-            this.props.layer && LayerForm && (React.createElement("div", null,
-                React.createElement("h3", { style: { paddingLeft: '5px' } }, "Layer Properties"),
-                React.createElement(LayerForm, { key: `${this.props.layer}-${source === null || source === void 0 ? void 0 : source.type}`, formContext: "update", sourceType: (source === null || source === void 0 ? void 0 : source.type) || 'RasterSource', model: this.props.model, filePath: this.props.model.filePath, schema: layerSchema, sourceData: layerData, syncData: (properties) => {
-                        this.syncObjectProperties(this.props.layer, properties);
-                    } }))),
-            this.props.source && SourceForm && (React.createElement("div", null,
-                React.createElement("h3", { style: { paddingLeft: '5px' } }, "Source Properties"),
-                React.createElement(SourceForm, { key: `${this.props.source}-${layer === null || layer === void 0 ? void 0 : layer.type}`, formContext: "update", model: this.props.model, filePath: this.props.model.filePath, schema: sourceSchema, sourceData: sourceData, syncData: (properties) => {
-                        this.syncObjectProperties(this.props.source, properties);
-                    }, formChangedSignal: this.sourceFormChangedSignal, sourceType: (source === null || source === void 0 ? void 0 : source.type) || 'RasterSource' })))));
     }
+    else {
+        source = undefined;
+        SourceForm = undefined;
+        sourceData = undefined;
+        sourceSchema = undefined;
+    }
+    return (React.createElement("div", null,
+        layerId && LayerForm && layerSchema && layerData !== undefined && (React.createElement("div", null,
+            React.createElement("h3", { style: { paddingLeft: '5px' } }, "Layer Properties"),
+            React.createElement(LayerForm, { key: `${layerId}-${source === null || source === void 0 ? void 0 : source.type}`, formContext: "update", sourceType: (source === null || source === void 0 ? void 0 : source.type) || 'RasterSource', model: model, filePath: model.filePath, schema: layerSchema, sourceData: layerData, syncData: (properties) => {
+                    syncObjectProperties(model, layerId, properties);
+                }, formSchemaRegistry: formSchemaRegistry }))),
+        sourceId && SourceForm && sourceSchema && sourceData !== undefined && (React.createElement("div", null,
+            React.createElement("h3", { style: { paddingLeft: '5px' } }, "Source Properties"),
+            React.createElement(SourceForm, { key: `${sourceId}-${layer === null || layer === void 0 ? void 0 : layer.type}`, formContext: "update", model: model, filePath: model.filePath, schema: sourceSchema, sourceData: sourceData, syncData: (properties) => {
+                    syncObjectProperties(model, sourceId, properties);
+                }, formChangedSignal: sourceFormChangedSignal, sourceType: (source === null || source === void 0 ? void 0 : source.type) || 'RasterSource', formSchemaRegistry: formSchemaRegistry })))));
 }

package/lib/formbuilder/formselectors.d.ts

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

package/lib/formbuilder/index.d.ts

@@ -1,4 +1,4 @@
-export * from './objectform/baseform';
+export * from './objectform/SchemaForm';
 export * from './objectform/source';
 export * from './objectform/layer';
 export * from './creationform';

package/lib/formbuilder/index.js

@@ -1,4 +1,4 @@
-export * from './objectform/baseform';
+export * from './objectform/SchemaForm';
 export * from './objectform/source';
 export * from './objectform/layer';
 export * from './creationform';

package/lib/formbuilder/objectform/SchemaForm.d.ts

@@ -0,0 +1,36 @@
+import type { Signal } from '@lumino/signaling';
+import { RegistryFieldsType, UiSchema } from '@rjsf/utils';
+import React from 'react';
+import { IDict, type IJupyterGISFormContext } from "../../types";
+export interface ISchemaFormProps {
+    /** JSON Schema for the form. */
+    schema: IDict;
+    /** Current form data (controlled). */
+    formData: IDict | undefined;
+    /** Called when form data changes. */
+    onChange: (data: IDict) => void;
+    /** Called when form is submitted (e.g. submit button or Enter). */
+    onSubmit: (data: IDict) => void;
+    /** Context for custom fields (e.g. LayerSelect) that need model and formData. */
+    formContext: IJupyterGISFormContext;
+    /** Path to the file; used for data-path on the panel. */
+    filePath?: string;
+    /** Enable live validation. Default true. */
+    liveValidate?: boolean;
+    /** Additional custom fields to register (merged with opacity, layerSelect). */
+    additionalFields?: RegistryFieldsType;
+    /** Optional pre-built uiSchema (e.g. from processBaseSchema). When provided, merged with additionalProperties hidden field. */
+    uiSchema?: UiSchema;
+    /** Optional extra validation errors (RJSF extraErrors format). */
+    extraErrors?: IDict;
+    /** Optional ref to the hidden submit button; when provided, parent can trigger submit (e.g. on ok signal). */
+    submitButtonRef?: React.MutableRefObject<HTMLButtonElement | null>;
+    /** When provided, emit(true) when there are validation/extra errors, emit(false) when clear (e.g. to disable dialog OK). */
+    formErrorSignal?: Signal<any, boolean>;
+}
+/**
+ * Renders a JSON Schema form (RJSF) for layer, source, and other object properties.
+ * The parent is responsible for state (formData), syncing to the model, and dialog
+ * behaviour; this component only renders the form and calls onChange/onSubmit.
+ */
+export declare function SchemaForm(props: ISchemaFormProps): React.ReactElement;

package/lib/formbuilder/objectform/SchemaForm.js

@@ -0,0 +1,77 @@
+import { FormComponent } from '@jupyterlab/ui-components';
+import validatorAjv8 from '@rjsf/validator-ajv8';
+import React, { useCallback, useEffect, useMemo, useRef } from 'react';
+import { LayerSelect } from './components/LayerSelect';
+import OpacitySlider from './components/OpacitySlider';
+const defaultFields = {
+    opacity: OpacitySlider,
+    layerSelect: LayerSelect,
+};
+/** True if extraErrors has a non-empty __errors array. */
+function hasExtraErrors(extraErrors) {
+    if (!extraErrors || typeof extraErrors !== 'object') {
+        return false;
+    }
+    for (const key of Object.keys(extraErrors)) {
+        const value = extraErrors[key];
+        const errorList = value && typeof value === 'object'
+            ? value.__errors
+            : undefined;
+        if (Array.isArray(errorList) && errorList.length > 0) {
+            return true;
+        }
+        if (value && typeof value === 'object' && !Array.isArray(value)) {
+            if (hasExtraErrors(value)) {
+                return true;
+            }
+        }
+    }
+    return false;
+}
+/**
+ * Renders a JSON Schema form (RJSF) for layer, source, and other object properties.
+ * The parent is responsible for state (formData), syncing to the model, and dialog
+ * behaviour; this component only renders the form and calls onChange/onSubmit.
+ */
+export function SchemaForm(props) {
+    const { schema, formData, onChange, onSubmit, formContext, filePath = '', liveValidate = true, additionalFields, uiSchema: uiSchemaProp, extraErrors, submitButtonRef, formErrorSignal, } = props;
+    const schemaWithExtra = useMemo(() => (Object.assign(Object.assign({}, schema), { additionalProperties: true })), [schema]);
+    const defaultUiSchema = useMemo(() => ({
+        additionalProperties: {
+            'ui:label': false,
+            classNames: 'jGIS-hidden-field',
+        },
+    }), []);
+    const uiSchema = useMemo(() => uiSchemaProp ? Object.assign(Object.assign({}, defaultUiSchema), uiSchemaProp) : defaultUiSchema, [uiSchemaProp, defaultUiSchema]);
+    const fields = useMemo(() => (Object.assign(Object.assign({}, defaultFields), additionalFields)), [additionalFields]);
+    const contextForForm = formContext;
+    useEffect(() => {
+        if (formErrorSignal) {
+            formErrorSignal.emit(hasExtraErrors(extraErrors !== null && extraErrors !== void 0 ? extraErrors : undefined));
+        }
+    }, [formErrorSignal, extraErrors]);
+    const handleChange = useCallback((e) => {
+        var _a;
+        onChange(((_a = e.formData) !== null && _a !== void 0 ? _a : {}));
+    }, [onChange]);
+    const handleSubmit = useCallback((e) => {
+        var _a;
+        onSubmit(((_a = e.formData) !== null && _a !== void 0 ? _a : {}));
+    }, [onSubmit]);
+    const handleKeyUp = useCallback((e, submitRef) => {
+        var _a;
+        if (e.key === 'Enter') {
+            e.preventDefault();
+            (_a = submitRef.current) === null || _a === void 0 ? void 0 : _a.click();
+        }
+    }, []);
+    const submitRef = useRef(null);
+    return (React.createElement("div", { className: "jGIS-property-panel", "data-path": filePath },
+        React.createElement("div", { className: "jGIS-property-outer", onKeyUp: e => handleKeyUp(e, submitRef) },
+            React.createElement(FormComponent, Object.assign({ schema: schemaWithExtra, uiSchema: uiSchema, formData: formData !== null && formData !== void 0 ? formData : {}, formContext: contextForForm, onChange: handleChange, onSubmit: handleSubmit, validator: validatorAjv8, fields: fields, liveValidate: liveValidate, extraErrors: extraErrors, children: React.createElement("button", { ref: el => {
+                        submitRef.current = el;
+                        if (submitButtonRef) {
+                            submitButtonRef.current = el;
+                        }
+                    }, type: "submit", style: { display: 'none' } }) }, {})))));
+}

package/lib/formbuilder/objectform/StoryEditorForm.d.ts

@@ -1,9 +1,3 @@
-import { IDict } from '@jupytergis/schema';
-import { RJSFSchema, UiSchema } from '@rjsf/utils';
-import { BaseForm } from './baseform';
-/**
- * The form to modify story map properties.
- */
-export declare class StoryEditorPropertiesForm extends BaseForm {
-    protected processSchema(data: IDict<any> | undefined, schema: RJSFSchema, uiSchema: UiSchema): void;
-}
+import React from 'react';
+import type { IBaseFormProps } from "../../types";
+export declare function StoryEditorPropertiesForm(props: IBaseFormProps): React.ReactElement | null;

package/lib/formbuilder/objectform/StoryEditorForm.js

@@ -1,16 +1,22 @@
-import { BaseForm } from './baseform';
-/**
- * The form to modify story map properties.
- */
-export class StoryEditorPropertiesForm extends BaseForm {
-    processSchema(data, schema, uiSchema) {
-        super.processSchema(data, schema, uiSchema);
-        this.removeFormEntry('storySegments', data, schema, uiSchema);
-        uiSchema.presentationBgColor = {
-            'ui:widget': 'color',
-        };
-        uiSchema.presentationTextColor = {
-            'ui:widget': 'color',
-        };
+import React, { useMemo } from 'react';
+import { deepCopy } from "../../tools";
+import { SchemaForm } from './SchemaForm';
+import { processBaseSchema, removeFormEntry } from './schemaUtils';
+import { useSchemaFormState } from './useSchemaFormState';
+export function StoryEditorPropertiesForm(props) {
+    const { schema: schemaProp, sourceData, syncData, model, filePath, formContext, cancel, } = props;
+    const { formData, schema, formContextValue, hasSchema, handleChangeBase, handleSubmitBase, } = useSchemaFormState({ sourceData, schemaProp, model, syncData, cancel });
+    const uiSchema = useMemo(() => {
+        const builtUiSchema = {};
+        const dataCopy = deepCopy(formData);
+        removeFormEntry('storySegments', dataCopy, schema, builtUiSchema);
+        processBaseSchema(dataCopy, schema, builtUiSchema, formContext, removeFormEntry);
+        builtUiSchema.presentationBgColor = { 'ui:widget': 'color' };
+        builtUiSchema.presentationTextColor = { 'ui:widget': 'color' };
+        return builtUiSchema;
+    }, [schema, formData, formContext]);
+    if (!hasSchema) {
+        return null;
     }
+    return (React.createElement(SchemaForm, { schema: schema, formData: formData, onChange: handleChangeBase, onSubmit: handleSubmitBase, formContext: formContextValue, filePath: filePath, uiSchema: uiSchema }));
 }

package/lib/formbuilder/objectform/components/LayerSelect.js

@@ -1,10 +1,5 @@
 import React from 'react';
-function extractlayerOverrideIndex(idSchema) {
-    var _a;
-    const id = (_a = idSchema === null || idSchema === void 0 ? void 0 : idSchema.$id) !== null && _a !== void 0 ? _a : '';
-    const match = id.match(/layerOverride_(\d+)/);
-    return match ? parseInt(match[1], 10) : undefined;
-}
+import { extractLayerOverrideIndex } from "../../../tools";
 /**
  * Simple select populated with layers (valid types only).
  * Used as the targetLayer field inside layerOverride array items.
@@ -15,7 +10,7 @@ export function LayerSelect(props) {
     const context = formContext;
     const model = context === null || context === void 0 ? void 0 : context.model;
     const fullFormData = (_a = context === null || context === void 0 ? void 0 : context.formData) !== null && _a !== void 0 ? _a : formData;
-    const arrayIndex = extractlayerOverrideIndex(idSchema !== null && idSchema !== void 0 ? idSchema : {});
+    const arrayIndex = extractLayerOverrideIndex(idSchema !== null && idSchema !== void 0 ? idSchema : {});
     const value = arrayIndex !== undefined && ((_b = fullFormData === null || fullFormData === void 0 ? void 0 : fullFormData.layerOverride) === null || _b === void 0 ? void 0 : _b[arrayIndex])
         ? ((_c = fullFormData.layerOverride[arrayIndex].targetLayer) !== null && _c !== void 0 ? _c : '')
         : '';
@@ -32,7 +27,7 @@ export function LayerSelect(props) {
         .filter(id => id !== undefined && id !== '')
         .filter(id => id !== currentTargetLayer));
     const availableLayers = model.getLayers();
-    const optionsList = Object.entries(availableLayers).filter(([layerId]) => !usedTargetLayerIds.has(layerId));
+    const optionsList = Object.entries(availableLayers).filter(([layerId, layer]) => !usedTargetLayerIds.has(layerId) && layer.type !== 'StorySegmentLayer');
     const handleChange = (e) => {
         const newValue = e.target.value;
         onChange(newValue === '' ? undefined : newValue);

package/lib/formbuilder/objectform/components/SegmentFormSymbology.js

@@ -1,8 +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 { 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;
@@ -46,14 +48,25 @@ function LayerOverrideItem({ item, formContext }) {
             item.hasRemove && (React.createElement(Button, { variant: "destructive", onClick: item.onDropIndexClick(item.index), title: "Remove item" }, "Remove")))));
 }
 export function ArrayFieldTemplate(props) {
+    const { formData, formContext } = props;
+    const model = formContext.model;
     return (React.createElement(React.Fragment, null,
-        React.createElement("div", null, props.title),
-        React.createElement("div", { style: {
-                display: 'flex',
-                flexDirection: 'column',
-                gap: '1rem',
-                alignItems: 'center',
-            } },
-            props.items.map(item => (React.createElement(LayerOverrideItem, { key: item.key, item: item, formContext: props.formContext }))),
-            props.canAdd && (React.createElement(Button, { onClick: props.onAddClick }, "Add Layer Override")))));
+        React.createElement("div", { style: { paddingBottom: '1rem' } }, "Symbology Overrides"),
+        React.createElement("div", { className: "jgis-symbology-override-list" }, props.items.map(item => {
+            var _a, _b;
+            const overrideData = formData === null || formData === void 0 ? void 0 : formData[item.index];
+            const layerName = (_b = (_a = model.getLayer(overrideData === null || overrideData === void 0 ? void 0 : overrideData.targetLayer)) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : 'Layer';
+            return (React.createElement(Collapsible, { key: item.key },
+                React.createElement(CollapsibleTrigger, { asChild: true },
+                    React.createElement("div", { className: "jgis-symbology-override-collapsible-trigger" },
+                        React.createElement(Button, { size: "icon-sm", variant: "icon", className: "jgis-rotate-90 jgis-bg-transparent" },
+                            React.createElement(ChevronRightIcon, null)),
+                        React.createElement("span", null,
+                            layerName,
+                            " Override"))),
+                React.createElement(CollapsibleContent, null,
+                    React.createElement(LayerOverrideItem, { key: item.key, item: item, formContext: props.formContext }))));
+        })),
+        props.canAdd && (React.createElement("div", { className: "jgis-center-content", style: { paddingTop: '1rem' } },
+            React.createElement(Button, { onClick: props.onAddClick }, "Add Layer Override")))));
 }

package/lib/formbuilder/objectform/components/SourcePropertiesField.d.ts

@@ -0,0 +1,7 @@
+import { FieldProps } from '@rjsf/core';
+import * as React from 'react';
+/**
+ * RJSF custom field for layerOverride[].sourceProperties: renders the
+ * appropriate source form for the target layer's source type.
+ */
+export declare function SourcePropertiesField(props: FieldProps): React.ReactElement;

package/lib/formbuilder/objectform/components/SourcePropertiesField.js

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { deepCopy, extractLayerOverrideIndex } from "../../../tools";
+import { getSourceTypeForm } from '../../formselectors';
+/**
+ * RJSF custom field for layerOverride[].sourceProperties: renders the
+ * appropriate source form for the target layer's source type.
+ */
+export function SourcePropertiesField(props) {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    const context = props.formContext;
+    const fullFormData = context === null || context === void 0 ? void 0 : context.formData;
+    const formSchemaRegistry = context === null || context === void 0 ? void 0 : context.formSchemaRegistry;
+    // const docManager = context?.docManager;
+    const index = extractLayerOverrideIndex((_a = props.idSchema) !== null && _a !== void 0 ? _a : {});
+    const model = (_b = props.formContext) === null || _b === void 0 ? void 0 : _b.model;
+    const layerId = (_d = (_c = fullFormData === null || fullFormData === void 0 ? void 0 : fullFormData.layerOverride) === null || _c === void 0 ? void 0 : _c[index !== null && index !== void 0 ? index : 0]) === null || _d === void 0 ? void 0 : _d.targetLayer;
+    const layer = model === null || model === void 0 ? void 0 : model.getLayer(layerId);
+    const sourceID = (_e = layer === null || layer === void 0 ? void 0 : layer.parameters) === null || _e === void 0 ? void 0 : _e.source;
+    const source = model === null || model === void 0 ? void 0 : model.getSource(sourceID);
+    /* Use form value so edits persist; fall back to live source for initial display */
+    const sourceProperties = (_f = props.formData) !== null && _f !== void 0 ? _f : source === null || source === void 0 ? void 0 : source.parameters;
+    const sourceSchema = (source === null || source === void 0 ? void 0 : source.type) && formSchemaRegistry
+        ? deepCopy(formSchemaRegistry.getSchemas().get(source.type))
+        : undefined;
+    const SourceForm = getSourceTypeForm((_g = source === null || source === void 0 ? void 0 : source.type) !== null && _g !== void 0 ? _g : 'GeoJSONSource');
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { id: "jgis-source-properties-field" }, "Source Parameters"),
+        React.createElement(SourceForm, { formContext: "update", model: model, filePath: model === null || model === void 0 ? void 0 : model.filePath, schema: sourceSchema, sourceData: sourceProperties !== null && sourceProperties !== void 0 ? sourceProperties : undefined, syncData: (properties) => props.onChange(properties), sourceType: (_h = source === null || source === void 0 ? void 0 : source.type) !== null && _h !== void 0 ? _h : 'GeoJSONSource', formSchemaRegistry: formSchemaRegistry })));
+}

package/lib/formbuilder/objectform/components/StorySegmentReset.js

@@ -16,7 +16,7 @@ function StorySegmentReset({ model, layerId }) {
                 extent }) });
         model.sharedModel.updateLayer(layerId, updatedLayer);
     };
-    return (React.createElement("div", null,
+    return (React.createElement("div", { className: "jgis-center-content" },
         React.createElement(Button, { title: "Set story segment to current viewport", onClick: handleSetStorySegmentToCurrentView },
             React.createElement(LabIcon.resolveReact, { icon: targetWithCenterIcon, className: "jp-gis-layerIcon", tag: "span" }),
             "Set Story Segment Extent")));

package/lib/formbuilder/objectform/fileselectorwidget.js

@@ -80,7 +80,7 @@ export const FileSelectorWidget = props => {
     };
     return (React.createElement("div", null,
         React.createElement("div", { className: "file-container" },
-            React.createElement("button", { className: "jp-mod-styled", onClick: handleBrowseServerFiles }, "Browse Server Files"),
+            React.createElement("button", { type: "button", className: "jp-mod-styled", onClick: handleBrowseServerFiles }, "Browse Server Files"),
             React.createElement("p", null, serverFilePath || '')),
         React.createElement("div", null,
             React.createElement("h3", { className: "jp-FormGroup-fieldLabel jp-FormGroup-contentItem" }, "Or enter external URL"),

package/lib/formbuilder/objectform/layer/heatmapLayerForm.d.ts

@@ -1,12 +1,3 @@
-import { IDict, IHeatmapLayer } from '@jupytergis/schema';
-import { IChangeEvent, ISubmitEvent } from '@rjsf/core';
-import { ILayerProps, LayerPropertiesForm } from './layerform';
-export declare class HeatmapLayerPropertiesForm extends LayerPropertiesForm {
-    protected currentFormData: IHeatmapLayer;
-    private features;
-    constructor(props: ILayerProps);
-    protected onFormSubmit(e: ISubmitEvent<any>): void;
-    protected onFormChange(e: IChangeEvent): void;
-    protected processSchema(data: IDict<any> | undefined, schema: IDict, uiSchema: IDict): void;
-    private fetchFeatureNames;
-}
+import React from 'react';
+import type { ILayerProps } from './layerform';
+export declare function HeatmapLayerPropertiesForm(props: ILayerProps): React.ReactElement | null;