@jupytergis/base 0.4.5 → 0.6.0

package/lib/formbuilder/objectform/baseform.js

@@ -13,8 +13,8 @@ import { Slider } from '@jupyter/react-components';
 import { FormComponent } from '@jupyterlab/ui-components';
 import validatorAjv8 from '@rjsf/validator-ajv8';
 import * as React from 'react';
-import { deepCopy } from '../../tools';
-const WrappedFormComponent = (props) => {
+import { deepCopy } from "../../tools";
+const WrappedFormComponent = props => {
     const { fields } = props, rest = __rest(props, ["fields"]);
     return (React.createElement(FormComponent, Object.assign({}, rest, { validator: validatorAjv8, fields: Object.assign({}, fields) })));
 };
@@ -29,7 +29,7 @@ export class BaseForm extends React.Component {
         this.currentFormData = deepCopy(this.props.sourceData);
         this.state = {
             schema: props.schema,
-            extraErrors: {}
+            extraErrors: {},
         };
     }
     componentDidUpdate(prevProps, prevState) {
@@ -57,13 +57,13 @@ export class BaseForm extends React.Component {
                 uiSchema[k] = Object.assign({ 'ui:options': {
                         orderable: false,
                         removable: false,
-                        addable: false
+                        addable: false,
                     } }, uiSchema[k]);
                 if (v['items']['type'] === 'array') {
                     uiSchema[k] = Object.assign({ items: Object.assign({ 'ui:options': {
                                 orderable: false,
                                 removable: false,
-                                addable: false
+                                addable: false,
                             } }, uiSchema[k]['items']) }, uiSchema[k]);
                 }
             }
@@ -103,9 +103,9 @@ export class BaseForm extends React.Component {
                                     border: '1px solid #ccc',
                                     borderRadius: '4px',
                                     padding: '4px',
-                                    marginBottom: '5px'
+                                    marginBottom: '5px',
                                 } })));
-                    }
+                    },
                 };
             }
             // Don't show readOnly properties when it's a form for updating an object
@@ -130,7 +130,9 @@ export class BaseForm extends React.Component {
         if (data) {
             delete data[entry];
         }
-        delete schema.properties[entry];
+        if (schema.properties) {
+            delete schema.properties[entry];
+        }
         delete uiSchema[entry];
         if (schema.required && schema.required.includes(entry)) {
             schema.required.splice(schema.required.indexOf(entry), 1);
@@ -151,6 +153,9 @@ export class BaseForm extends React.Component {
             const extraErrors = Object.keys(this.state.extraErrors).length > 0;
             this.props.formErrorSignal.emit(extraErrors);
         }
+        if (this.props.formContext === 'update') {
+            this.syncData(this.currentFormData);
+        }
     }
     onFormBlur(id, value) {
         // This is a no-op here
@@ -168,8 +173,8 @@ export class BaseForm extends React.Component {
             const uiSchema = {
                 additionalProperties: {
                     'ui:label': false,
-                    classNames: 'jGIS-hidden-field'
-                }
+                    classNames: 'jGIS-hidden-field',
+                },
             };
             this.processSchema(formData, schema, uiSchema);
             const submitRef = React.createRef();
@@ -186,10 +191,7 @@ export class BaseForm extends React.Component {
                             (_a = submitRef.current) === null || _a === void 0 ? void 0 : _a.click();
                         }
                     } },
-                    React.createElement(WrappedFormComponent, { schema: schema, uiSchema: uiSchema, formData: formData, onSubmit: this.onFormSubmit.bind(this), onChange: this.onFormChange.bind(this), onBlur: this.onFormBlur.bind(this), ok: this.props.ok, cancel: this.props.cancel, liveValidate: true, children: React.createElement("button", { ref: submitRef, type: "submit", style: { display: 'none' } }), extraErrors: this.state.extraErrors })),
-                !this.props.ok && (React.createElement("div", { className: "jGIS-property-buttons" },
-                    React.createElement("button", { className: "jp-Dialog-button jp-mod-accept jp-mod-styled", onClick: () => { var _a; return (_a = submitRef.current) === null || _a === void 0 ? void 0 : _a.click(); } },
-                        React.createElement("div", { className: "jp-Dialog-buttonLabel" }, "Ok"))))));
+                    React.createElement(WrappedFormComponent, { schema: schema, uiSchema: uiSchema, formData: formData, onSubmit: this.onFormSubmit.bind(this), onChange: this.onFormChange.bind(this), onBlur: this.onFormBlur.bind(this), ok: this.props.ok, cancel: this.props.cancel, liveValidate: true, children: React.createElement("button", { ref: submitRef, type: "submit", style: { display: 'none' } }), extraErrors: this.state.extraErrors }))));
         }
     }
 }

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

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const FileSelectorWidget: (props: any) => React.JSX.Element;
+export declare const FileSelectorWidget: React.FC<any>;

package/lib/formbuilder/objectform/fileselectorwidget.js

@@ -1,9 +1,9 @@
-import React, { useState, useEffect, useRef } from 'react';
-import { FileDialog } from '@jupyterlab/filebrowser';
 import { Dialog } from '@jupyterlab/apputils';
-import { LayerCreationFormDialog } from '../../dialogs/layerCreationFormDialog';
 import { PathExt } from '@jupyterlab/coreutils';
-export const FileSelectorWidget = (props) => {
+import { FileDialog } from '@jupyterlab/filebrowser';
+import React, { useState, useEffect, useRef } from 'react';
+import { LayerCreationFormDialog } from "../../dialogs/layerCreationFormDialog";
+export const FileSelectorWidget = props => {
     const { options } = props;
     const { docManager, formOptions } = options;
     const [serverFilePath, setServerFilePath] = useState('');
@@ -36,7 +36,7 @@ export const FileSelectorWidget = (props) => {
             }
             const output = await FileDialog.getOpenFiles({
                 title: `Select ${formOptions.sourceType.split('Source')[0]} File`,
-                manager: docManager
+                manager: docManager,
             });
             if (output.value && output.value.length > 0) {
                 const selectedFilePath = output.value[0].path;

package/lib/formbuilder/objectform/layer/heatmapLayerForm.js

@@ -1,4 +1,4 @@
-import { loadFile } from '../../../tools';
+import { loadFile } from "../../../tools";
 import { LayerPropertiesForm } from './layerform';
 export class HeatmapLayerPropertiesForm extends LayerPropertiesForm {
     constructor(props) {
@@ -51,7 +51,7 @@ export class HeatmapLayerPropertiesForm extends LayerPropertiesForm {
         const jsonData = await loadFile({
             filepath: source.parameters.path,
             type: 'GeoJSONSource',
-            model: this.props.model
+            model: this.props.model,
         });
         const featureProps = jsonData.features[0].properties;
         this.features = Object.keys(featureProps);

package/lib/formbuilder/objectform/layer/hillshadeLayerForm.js

@@ -6,7 +6,7 @@ export class HillshadeLayerPropertiesForm extends LayerPropertiesForm {
     processSchema(data, schema, uiSchema) {
         super.processSchema(data, schema, uiSchema);
         uiSchema['shadowColor'] = {
-            'ui:widget': 'color'
+            'ui:widget': 'color',
         };
     }
 }

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

@@ -1,7 +1,7 @@
 import { IDict, SourceType } from '@jupytergis/schema';
-import { BaseForm, IBaseFormProps } from '../baseform';
 import { Signal } from '@lumino/signaling';
 import { IChangeEvent } from '@rjsf/core';
+import { BaseForm, IBaseFormProps } from "../baseform";
 export interface ILayerProps extends IBaseFormProps {
     /**
      * The source type for the layer

package/lib/formbuilder/objectform/layer/layerform.js

@@ -1,12 +1,13 @@
-import { BaseForm } from '../baseform';
+import { BaseForm, } from "../baseform";
 export class LayerPropertiesForm extends BaseForm {
     constructor(props) {
         super(props);
         this.sourceFormChangedSignal = props.sourceFormChangedSignal;
     }
     processSchema(data, schema, uiSchema) {
+        var _a;
         super.processSchema(data, schema, uiSchema);
-        if (!schema.properties.source) {
+        if (!((_a = schema.properties) === null || _a === void 0 ? void 0 : _a.source)) {
             return;
         }
         // Replace the source text box by a dropdown menu

package/lib/formbuilder/objectform/process/dissolveProcessForm.d.ts

@@ -1,6 +1,6 @@
-import { BaseForm, IBaseFormProps } from '../baseform';
 import { IDict, IJupyterGISModel } from '@jupytergis/schema';
 import { IChangeEvent } from '@rjsf/core';
+import { BaseForm, IBaseFormProps } from "../baseform";
 interface IDissolveFormOptions extends IBaseFormProps {
     schema: IDict;
     sourceData: IDict;

package/lib/formbuilder/objectform/process/dissolveProcessForm.js

@@ -1,5 +1,5 @@
-import { BaseForm } from '../baseform'; // Ensure BaseForm imports states
-import { loadFile } from '../../../tools';
+import { BaseForm, } from "../baseform"; // Ensure BaseForm imports states
+import { loadFile } from "../../../tools";
 export class DissolveForm extends BaseForm {
     constructor(options) {
         var _a;
@@ -8,7 +8,7 @@ export class DissolveForm extends BaseForm {
         this.model = options.model;
         // Ensure initial state matches IBaseFormStates
         this.state = {
-            schema: (_a = options.schema) !== null && _a !== void 0 ? _a : {} // Ensure schema is never undefined
+            schema: (_a = options.schema) !== null && _a !== void 0 ? _a : {}, // Ensure schema is never undefined
         };
         this.onFormChange = this.handleFormChange.bind(this);
         this.fetchFieldNames(options.sourceData.inputLayer);
@@ -31,7 +31,7 @@ export class DissolveForm extends BaseForm {
             const jsonData = await loadFile({
                 filepath: sourceData.path,
                 type: 'GeoJSONSource',
-                model: this.model
+                model: this.model,
             });
             if (!((_b = jsonData === null || jsonData === void 0 ? void 0 : jsonData.features) === null || _b === void 0 ? void 0 : _b.length)) {
                 return;
@@ -53,7 +53,7 @@ export class DissolveForm extends BaseForm {
         this.setState((prevState) => {
             var _a, _b, _c;
             return ({
-                schema: Object.assign(Object.assign({}, prevState.schema), { properties: Object.assign(Object.assign({}, (_a = prevState.schema) === null || _a === void 0 ? void 0 : _a.properties), { dissolveField: Object.assign(Object.assign({}, (_c = (_b = prevState.schema) === null || _b === void 0 ? void 0 : _b.properties) === null || _c === void 0 ? void 0 : _c.dissolveField), { enum: [...this.features] }) }) })
+                schema: Object.assign(Object.assign({}, prevState.schema), { properties: Object.assign(Object.assign({}, (_a = prevState.schema) === null || _a === void 0 ? void 0 : _a.properties), { dissolveField: Object.assign(Object.assign({}, (_c = (_b = prevState.schema) === null || _b === void 0 ? void 0 : _b.properties) === null || _c === void 0 ? void 0 : _c.dissolveField), { enum: [...this.features] }) }) }),
             });
         }, () => {
             this.forceUpdate();

package/lib/formbuilder/objectform/source/geojsonsource.js

@@ -1,7 +1,7 @@
-import { Ajv } from 'ajv';
 import * as geojson from '@jupytergis/schema/src/schema/geojson.json';
+import { Ajv } from 'ajv';
+import { loadFile } from "../../../tools";
 import { PathBasedSourcePropertiesForm } from './pathbasedsource';
-import { loadFile } from '../../../tools';
 /**
  * The form to modify a GeoJSON source.
  */
@@ -34,7 +34,7 @@ export class GeoJSONSourcePropertiesForm extends PathBasedSourcePropertiesForm {
                 const geoJSONData = await loadFile({
                     filepath: path,
                     type: this.props.sourceType,
-                    model: this.props.model
+                    model: this.props.model,
                 });
                 valid = this._validate(geoJSONData);
                 if (!valid) {
@@ -50,7 +50,7 @@ export class GeoJSONSourcePropertiesForm extends PathBasedSourcePropertiesForm {
         }
         if (!valid) {
             extraErrors.path = {
-                __errors: [error]
+                __errors: [error],
             };
             (_a = this._validate.errors) === null || _a === void 0 ? void 0 : _a.reverse().forEach(error => {
                 extraErrors.path.__errors.push(error.message);

package/lib/formbuilder/objectform/source/geotiffsource.js

@@ -1,7 +1,7 @@
 import { showErrorMessage } from '@jupyterlab/apputils';
-import { getMimeType } from '../../../tools';
+import { FileSelectorWidget } from "../fileselectorwidget";
+import { getMimeType } from "../../../tools";
 import { SourcePropertiesForm } from './sourceform';
-import { FileSelectorWidget } from '../fileselectorwidget';
 /**
  * The form to modify a GeoTiff source.
  */
@@ -25,8 +25,8 @@ export class GeoTiffSourcePropertiesForm extends SourcePropertiesForm {
                         'ui:widget': FileSelectorWidget,
                         'ui:options': {
                             docManager,
-                            formOptions: this.props
-                        }
+                            formOptions: this.props,
+                        },
                     } }) });
         }
         // This is not user-editable

package/lib/formbuilder/objectform/source/pathbasedsource.js

@@ -1,6 +1,6 @@
 import { showErrorMessage } from '@jupyterlab/apputils';
-import { loadFile } from '../../../tools';
-import { FileSelectorWidget } from '../fileselectorwidget';
+import { FileSelectorWidget } from "../fileselectorwidget";
+import { loadFile } from "../../../tools";
 import { SourcePropertiesForm } from './sourceform';
 /**
  * The form to modify a PathBasedSource source.
@@ -26,8 +26,8 @@ export class PathBasedSourcePropertiesForm extends SourcePropertiesForm {
                 'ui:widget': FileSelectorWidget,
                 'ui:options': {
                     docManager,
-                    formOptions: this.props
-                }
+                    formOptions: this.props,
+                },
             };
         }
         // This is not user-editable
@@ -74,7 +74,7 @@ export class PathBasedSourcePropertiesForm extends SourcePropertiesForm {
                 await loadFile({
                     filepath: path,
                     type: this.props.sourceType,
-                    model: this.props.model
+                    model: this.props.model,
                 });
             }
             catch (e) {
@@ -84,7 +84,7 @@ export class PathBasedSourcePropertiesForm extends SourcePropertiesForm {
         }
         if (!valid) {
             extraErrors.path = {
-                __errors: [error]
+                __errors: [error],
             };
             this.setState(old => (Object.assign(Object.assign({}, old), { extraErrors })));
         }

package/lib/formbuilder/objectform/source/sourceform.d.ts

@@ -1,7 +1,7 @@
 import { IDict, SourceType } from '@jupytergis/schema';
-import { BaseForm, IBaseFormProps } from '../baseform';
 import { Signal } from '@lumino/signaling';
 import { IChangeEvent } from '@rjsf/core';
+import { BaseForm, IBaseFormProps } from "../baseform";
 export interface ISourceFormProps extends IBaseFormProps {
     /**
      * The source type for this form.

package/lib/formbuilder/objectform/source/sourceform.js

@@ -1,4 +1,4 @@
-import { BaseForm } from '../baseform';
+import { BaseForm, } from "../baseform";
 export class SourcePropertiesForm extends BaseForm {
     constructor(props) {
         super(props);

package/lib/formbuilder/objectform/source/tilesourceform.js

@@ -29,7 +29,7 @@ export class TileSourcePropertiesForm extends SourcePropertiesForm {
         schema.properties.urlParameters = {
             type: 'object',
             required: this._urlParameters,
-            properties: propertiesSchema
+            properties: propertiesSchema,
         };
         for (const parameterName of this._urlParameters) {
             switch (parameterName) {
@@ -37,12 +37,12 @@ export class TileSourcePropertiesForm extends SourcePropertiesForm {
                 case 'time':
                     propertiesSchema[parameterName] = {
                         type: 'string',
-                        format: 'date'
+                        format: 'date',
                     };
                     break;
                 default:
                     propertiesSchema[parameterName] = {
-                        type: 'string'
+                        type: 'string',
                     };
                     break;
             }

package/lib/gdal.js

@@ -6,9 +6,9 @@ export async function getGdal() {
     return await initGdalJs({
         paths: {
             wasm: wasmurl.href,
-            data: dataurl.href
+            data: dataurl.href,
         },
-        useWorker: false
+        useWorker: false,
     });
 }
 // Early load gdal

package/lib/icons.js

@@ -4,88 +4,88 @@
  */
 // This file is based on iconimports.ts in @jupyterlab/ui-components, but is manually generated.
 import { LabIcon } from '@jupyterlab/ui-components';
+import bookOpenSvgStr from '../style/icons/book_open.svg';
+import clockSvgStr from '../style/icons/clock-solid.svg';
+import geoJsonSvgStr from '../style/icons/geojson.svg';
+import geolocationSvgStr from '../style/icons/geolocation.svg';
+import infoSvgStr from '../style/icons/info-solid.svg';
 import logoSvgStr from '../style/icons/logo.svg';
 import logoMiniSvgStr from '../style/icons/logo_mini.svg';
 import logoMiniAlternativeSvgStr from '../style/icons/logo_mini_alternative.svg';
-import rasterSvgStr from '../style/icons/raster.svg';
-import visibilitySvgStr from '../style/icons/visibility.svg';
-import nonVisibilitySvgStr from '../style/icons/nonvisibility.svg';
-import geoJsonSvgStr from '../style/icons/geojson.svg';
-import moundSvgStr from '../style/icons/mound.svg';
 import logoMiniQGZ from '../style/icons/logo_mini_qgz.svg';
-import bookOpenSvgStr from '../style/icons/book_open.svg';
-import vectorSquareSvgStr from '../style/icons/vector_square.svg';
-import infoSvgStr from '../style/icons/info-solid.svg';
-import clockSvgStr from '../style/icons/clock-solid.svg';
-import terminalToolbarSvgStr from '../style/icons/terminal_toolbar.svg';
-import geolocationSvgStr from '../style/icons/geolocation.svg';
-import targetWithoutCenterSvgStr from '../style/icons/target_without_center.svg';
+import moundSvgStr from '../style/icons/mound.svg';
+import nonVisibilitySvgStr from '../style/icons/nonvisibility.svg';
+import rasterSvgStr from '../style/icons/raster.svg';
 import targetWithCenterSvgStr from '../style/icons/target_with_center.svg';
+import targetWithoutCenterSvgStr from '../style/icons/target_without_center.svg';
+import terminalToolbarSvgStr from '../style/icons/terminal_toolbar.svg';
+import vectorSquareSvgStr from '../style/icons/vector_square.svg';
+import visibilitySvgStr from '../style/icons/visibility.svg';
 export const logoIcon = new LabIcon({
     name: 'jupytergis::logo',
-    svgstr: logoSvgStr
+    svgstr: logoSvgStr,
 });
 export const logoMiniIcon = new LabIcon({
     name: 'jupytergis::logoMini',
-    svgstr: logoMiniSvgStr
+    svgstr: logoMiniSvgStr,
 });
 export const logoMiniAlternativeIcon = new LabIcon({
     name: 'jupytergis::logoMiniAlternative',
-    svgstr: logoMiniAlternativeSvgStr
+    svgstr: logoMiniAlternativeSvgStr,
 });
 export const rasterIcon = new LabIcon({
     name: 'jupytergis::raster',
-    svgstr: rasterSvgStr
+    svgstr: rasterSvgStr,
 });
 export const visibilityIcon = new LabIcon({
     name: 'jupytergis::visibility',
-    svgstr: visibilitySvgStr
+    svgstr: visibilitySvgStr,
 });
 export const nonVisibilityIcon = new LabIcon({
     name: 'jupytergis::nonVisibility',
-    svgstr: nonVisibilitySvgStr
+    svgstr: nonVisibilitySvgStr,
 });
 export const geoJSONIcon = new LabIcon({
     name: 'jupytergis::geoJSON',
-    svgstr: geoJsonSvgStr
+    svgstr: geoJsonSvgStr,
 });
 export const moundIcon = new LabIcon({
     name: 'jupytergis::mound',
-    svgstr: moundSvgStr
+    svgstr: moundSvgStr,
 });
 export const logoMiniIconQGZ = new LabIcon({
     name: 'jupytergis::logoQGZ',
-    svgstr: logoMiniQGZ
+    svgstr: logoMiniQGZ,
 });
 export const bookOpenIcon = new LabIcon({
     name: 'jupytergis::bookOpen',
-    svgstr: bookOpenSvgStr
+    svgstr: bookOpenSvgStr,
 });
 export const vectorSquareIcon = new LabIcon({
     name: 'jupytergis::vectorSquare',
-    svgstr: vectorSquareSvgStr
+    svgstr: vectorSquareSvgStr,
 });
 export const infoIcon = new LabIcon({
     name: 'jupytergis::info',
-    svgstr: infoSvgStr
+    svgstr: infoSvgStr,
 });
 export const clockIcon = new LabIcon({
     name: 'jupytergis::clock',
-    svgstr: clockSvgStr
+    svgstr: clockSvgStr,
 });
 export const terminalToolbarIcon = new LabIcon({
     name: 'jupytergis::terminalToolbar',
-    svgstr: terminalToolbarSvgStr
+    svgstr: terminalToolbarSvgStr,
 });
 export const geolocationIcon = new LabIcon({
     name: 'jupytergis::geolocation',
-    svgstr: geolocationSvgStr
+    svgstr: geolocationSvgStr,
 });
 export const targetWithoutCenterIcon = new LabIcon({
     name: 'jupytergis::targetWithCenter',
-    svgstr: targetWithCenterSvgStr
+    svgstr: targetWithCenterSvgStr,
 });
 export const targetWithCenterIcon = new LabIcon({
     name: 'jupytergis::targetWithoutCenter',
-    svgstr: targetWithoutCenterSvgStr
+    svgstr: targetWithoutCenterSvgStr,
 });

package/lib/index.d.ts

@@ -1,14 +1,16 @@
+export * from './annotations';
 export * from './classificationModes';
-export * from './commands';
+export * from './commands/index';
 export * from './constants';
 export * from './dialogs/layerCreationFormDialog';
 export * from './formbuilder/objectform/baseform';
 export * from './icons';
 export * from './mainview';
+export * from './menus';
 export * from './panelview';
+export * from './stacBrowser';
 export * from './store';
 export * from './toolbar';
 export * from './tools';
 export * from './types';
 export * from './widget';
-export * from './annotations';

package/lib/index.js

@@ -1,14 +1,16 @@
+export * from './annotations';
 export * from './classificationModes';
-export * from './commands';
+export * from './commands/index';
 export * from './constants';
 export * from './dialogs/layerCreationFormDialog';
 export * from './formbuilder/objectform/baseform';
 export * from './icons';
 export * from './mainview';
+export * from './menus';
 export * from './panelview';
+export * from './stacBrowser';
 export * from './store';
 export * from './toolbar';
 export * from './tools';
 export * from './types';
 export * from './widget';
-export * from './annotations';

package/lib/mainview/CollaboratorPointers.d.ts

@@ -13,5 +13,5 @@ export type ClientPointer = {
         longitude: number;
     };
 };
-declare const CollaboratorPointers: ({ clients }: ICollaboratorPointersProps) => React.JSX.Element;
+declare const CollaboratorPointers: React.FC<ICollaboratorPointersProps>;
 export default CollaboratorPointers;

package/lib/mainview/CollaboratorPointers.js

@@ -1,23 +1,23 @@
-import { faArrowPointer, faWindowMinimize } from '@fortawesome/free-solid-svg-icons';
+import { faArrowPointer, faWindowMinimize, } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import React, { useState } from 'react';
-const CollaboratorPointers = ({ clients }) => {
+const CollaboratorPointers = ({ clients, }) => {
     const [isOpen, setIsOpen] = useState(false);
     return (React.createElement(React.Fragment, null, clients &&
         Object.values(clients).map(client => (React.createElement("div", { className: "jGIS-Popup-Wrapper", style: {
                 left: `${client.coordinates.x}px`,
-                top: `${client.coordinates.y}px`
+                top: `${client.coordinates.y}px`,
             } },
             React.createElement("div", { key: client.username, className: "jGIS-Remote-Pointer", style: {
                     color: client.color,
-                    cursor: 'pointer'
+                    cursor: 'pointer',
                 }, onClick: () => {
                     setIsOpen(!isOpen);
                 } },
                 React.createElement(FontAwesomeIcon, { icon: faArrowPointer, className: "jGIS-Remote-Pointer-Icon" })),
             React.createElement("div", { style: {
                     visibility: isOpen ? 'visible' : 'hidden',
-                    background: client.color
+                    background: client.color,
                 }, className: "jGIS-Remote-Pointer-Popup jGIS-Floating-Pointer-Popup" },
                 React.createElement("div", { className: "jGIS-Popup-Topbar", onClick: () => {
                         setIsOpen(false);

package/lib/mainview/FollowIndicator.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
 import { User } from '@jupyterlab/services';
+import React from 'react';
 interface IFollowIndicatorProps {
     remoteUser: User.IIdentity | null | undefined;
 }
-export declare function FollowIndicator({ remoteUser }: IFollowIndicatorProps): React.JSX.Element | null;
+export declare const FollowIndicator: React.FC<IFollowIndicatorProps>;
 export {};

package/lib/mainview/FollowIndicator.js

@@ -1,9 +1,9 @@
 import React from 'react';
-export function FollowIndicator({ remoteUser }) {
+export const FollowIndicator = ({ remoteUser, }) => {
     return (remoteUser === null || remoteUser === void 0 ? void 0 : remoteUser.display_name) ? (React.createElement("div", { style: {
             position: 'absolute',
             top: 1,
             right: 3,
-            background: remoteUser.color
+            background: remoteUser.color,
         } }, `Following ${remoteUser.display_name}`)) : null;
-}
+};

package/lib/mainview/TemporalSlider.d.ts

@@ -4,5 +4,5 @@ interface ITemporalSliderProps {
     model: IJupyterGISModel;
     filterStates: IDict<IJGISFilterItem | undefined>;
 }
-declare const TemporalSlider: ({ model, filterStates }: ITemporalSliderProps) => React.JSX.Element;
+declare const TemporalSlider: React.FC<ITemporalSliderProps>;
 export default TemporalSlider;

package/lib/mainview/TemporalSlider.js

@@ -2,9 +2,9 @@ import { faPause, faPlay } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { Button, Slider } from '@jupyter/react-components';
 import { format, isValid, parse } from 'date-fns';
-import { daysInYear, millisecondsInDay, millisecondsInHour, millisecondsInMinute, millisecondsInSecond, millisecondsInWeek, minutesInMonth } from 'date-fns/constants';
+import { daysInYear, millisecondsInDay, millisecondsInHour, millisecondsInMinute, millisecondsInSecond, millisecondsInWeek, minutesInMonth, } from 'date-fns/constants';
 import React, { useEffect, useRef, useState } from 'react';
-import { useGetProperties } from '../dialogs/symbology/hooks/useGetProperties';
+import { useGetProperties } from "../dialogs/symbology/hooks/useGetProperties";
 // List of common date formats to try
 // TODO: Not even close to every valid format
 const commonDateFormats = [
@@ -16,7 +16,7 @@ const commonDateFormats = [
     'MM-dd-yyyy', // US format with hyphens (e.g., 10-05-2023)
     'yyyy/MM/dd', // ISO format with slashes (e.g., 2023/10/05)
     'dd.MM.yyyy', // European format with dots (e.g., 05.10.2023)
-    'MM.dd.yyyy' // US format with dots (e.g., 10.05.2023)
+    'MM.dd.yyyy', // US format with dots (e.g., 10.05.2023)
 ];
 // Time steps in milliseconds
 const stepMap = {
@@ -27,9 +27,9 @@ const stepMap = {
     day: millisecondsInDay,
     week: millisecondsInWeek,
     month: minutesInMonth * millisecondsInMinute,
-    year: millisecondsInDay * daysInYear
+    year: millisecondsInDay * daysInYear,
 };
-const TemporalSlider = ({ model, filterStates }) => {
+const TemporalSlider = ({ model, filterStates, }) => {
     const [layerId, setLayerId] = useState('');
     const [selectedFeature, setSelectedFeature] = useState('');
     const [range, setRange] = useState({ start: 0, end: 1 }); // min/max of current range being displayed
@@ -153,7 +153,7 @@ const TemporalSlider = ({ model, filterStates }) => {
         setMinMax({ min, max });
         setRange({
             start: (_b = currentState === null || currentState === void 0 ? void 0 : currentState.betweenMin) !== null && _b !== void 0 ? _b : min,
-            end: (_c = currentState === null || currentState === void 0 ? void 0 : currentState.betweenMax) !== null && _c !== void 0 ? _c : min + step
+            end: (_c = currentState === null || currentState === void 0 ? void 0 : currentState.betweenMax) !== null && _c !== void 0 ? _c : min + step,
         });
         model.addFeatureAsMs(layerId, selectedFeature);
     }, [selectedFeature]);
@@ -189,7 +189,7 @@ const TemporalSlider = ({ model, filterStates }) => {
             operator: 'between',
             value: value,
             betweenMin: value,
-            betweenMax: value + step
+            betweenMax: value + step,
         };
         const layer = model.getLayer(layerId);
         if (!layer) {