@jupytergis/base 0.13.3 → 0.14.0

package/lib/formbuilder/objectform/baseform.js

@@ -1,231 +0,0 @@
-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 { FormComponent } from '@jupyterlab/ui-components';
-import validatorAjv8 from '@rjsf/validator-ajv8';
-import * as React from 'react';
-import { deepCopy } from "../../tools";
-import { LayerSelect } from './components/LayerSelect';
-import OpacitySlider from './components/OpacitySlider';
-const WrappedFormComponent = props => {
-    const rest = __rest(props, []);
-    const fields = {
-        opacity: OpacitySlider,
-        layerSelect: LayerSelect,
-    };
-    return (React.createElement(FormComponent, Object.assign({}, rest, { validator: validatorAjv8, fields: Object.assign({}, fields) })));
-};
-/**
- * Generate a form to edit a layer/source type. This class is meant to be sub-classed to create more refined forms for specific layers/sources.
- *
- * It will be up to the user of this class to actually perform the creation/edit using syncdata.
- */
-export class BaseForm extends React.Component {
-    constructor(props) {
-        var _a;
-        super(props);
-        /** Skip syncData for the initial onChange (RJSF populating form), only sync on user edits. */
-        this.isInitialLoadRef = true;
-        this.currentFormData = deepCopy(this.props.sourceData);
-        if (props.schema) {
-            const applied = this.applySchemaDefaults(this.currentFormData, props.schema);
-            if (applied) {
-                props.syncData((_a = this.currentFormData) !== null && _a !== void 0 ? _a : {});
-            }
-        }
-        this.state = {
-            schema: props.schema,
-            extraErrors: {},
-        };
-    }
-    componentDidUpdate(prevProps, prevState) {
-        if (prevProps.sourceData !== this.props.sourceData) {
-            this.currentFormData = deepCopy(this.props.sourceData);
-            // if (this.props.schema) {
-            //   const applied = this.applySchemaDefaults(
-            //     this.currentFormData,
-            //     this.props.schema as RJSFSchema,
-            //   );
-            //   if (applied) {
-            //     this.props.syncData(this.currentFormData ?? {});
-            //   }
-            const schema = deepCopy(this.props.schema);
-            this.setState(old => (Object.assign(Object.assign({}, old), { schema })));
-        }
-    }
-    componentDidMount() {
-        if (this.props.formErrorSignal) {
-            const extraErrors = Object.keys(Object.assign({}, this.state.extraErrors)).length > 0;
-            this.setState(old => (Object.assign(Object.assign({}, old), this.state.extraErrors)));
-            this.props.formErrorSignal.emit(extraErrors);
-        }
-        this.isInitialLoadRef = false;
-    }
-    /**
-     * Fills null/undefined values in data with schema defaults (mutates data).
-     * @returns true if any null/undefined was replaced by a default
-     */
-    applySchemaDefaults(data, schema) {
-        if (!data || !schema.properties) {
-            return false;
-        }
-        let applied = false;
-        const props = schema.properties;
-        for (const [key, propSchema] of Object.entries(props)) {
-            if (propSchema === null ||
-                propSchema === undefined ||
-                typeof propSchema !== 'object') {
-                continue;
-            }
-            const val = data[key];
-            if (val === null || val === undefined) {
-                if ('default' in propSchema &&
-                    propSchema.default !== undefined) {
-                    data[key] = deepCopy(propSchema.default);
-                    applied = true;
-                }
-            }
-            else if (propSchema.type === 'object' &&
-                typeof val === 'object' &&
-                val !== null &&
-                !Array.isArray(val) &&
-                propSchema.properties) {
-                if (this.applySchemaDefaults(val, propSchema)) {
-                    applied = true;
-                }
-            }
-        }
-        return applied;
-    }
-    processSchema(data, schema, uiSchema) {
-        if (!schema['properties']) {
-            return;
-        }
-        Object.entries(schema['properties']).forEach(([k, v]) => {
-            uiSchema[k] = {};
-            if (v['type'] === 'array') {
-                // Remove array buttons
-                uiSchema[k] = Object.assign({ 'ui:options': {
-                        orderable: false,
-                        removable: 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,
-                            } }, uiSchema[k]['items']) }, uiSchema[k]);
-                }
-            }
-            if (v['type'] === 'object') {
-                this.processSchema(data, v, uiSchema[k]);
-            }
-            if (k === 'opacity') {
-                uiSchema[k] = {
-                    'ui:field': 'opacity',
-                };
-            }
-            // Don't show readOnly properties when it's a form for updating an object
-            if (v['readOnly']) {
-                if (this.props.formContext === 'create') {
-                    delete v['readOnly'];
-                }
-                if (this.props.formContext === 'update') {
-                    this.removeFormEntry(k, data, schema, uiSchema);
-                }
-            }
-        });
-    }
-    /**
-     * Remove a specific entry from the form. Can be used in subclasses if needed while under processSchema.
-     * @param entry The entry name
-     * @param data The form data
-     * @param schema The form schema
-     * @param uiSchema The form uiSchema
-     */
-    removeFormEntry(entry, data, schema, uiSchema) {
-        if (data) {
-            delete data[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);
-        }
-    }
-    syncData(properties) {
-        if (!properties) {
-            return;
-        }
-        this.props.syncData(properties);
-    }
-    onFormChange(e) {
-        this.currentFormData = e.formData;
-        if (this.props.formChangedSignal) {
-            this.props.formChangedSignal.emit(this.currentFormData || {});
-        }
-        if (this.props.formErrorSignal) {
-            const extraErrors = Object.keys(this.state.extraErrors).length > 0;
-            this.props.formErrorSignal.emit(extraErrors);
-        }
-        if (this.props.formContext === 'update') {
-            if (!this.isInitialLoadRef) {
-                this.syncData(this.currentFormData);
-            }
-            else {
-                this.isInitialLoadRef = false;
-            }
-        }
-    }
-    onFormBlur(id, value) {
-        // This is a no-op here
-    }
-    onFormSubmit(e) {
-        this.currentFormData = e.formData;
-        this.syncData(this.currentFormData);
-        this.props.cancel && this.props.cancel();
-    }
-    render() {
-        var _a, _b;
-        if (this.props.schema) {
-            const schema = Object.assign(Object.assign({}, this.state.schema), { additionalProperties: true });
-            const formData = this.currentFormData;
-            const uiSchema = {
-                additionalProperties: {
-                    'ui:label': false,
-                    classNames: 'jGIS-hidden-field',
-                },
-            };
-            this.processSchema(formData, schema, uiSchema);
-            const submitRef = React.createRef();
-            // When the parent "ok" button gets clicked, submit
-            (_a = this.props.ok) === null || _a === void 0 ? void 0 : _a.connect(() => {
-                var _a;
-                (_a = submitRef.current) === null || _a === void 0 ? void 0 : _a.click();
-            });
-            return (React.createElement("div", { className: "jGIS-property-panel", "data-path": (_b = this.props.filePath) !== null && _b !== void 0 ? _b : '' },
-                React.createElement("div", { className: "jGIS-property-outer", onKeyUp: (e) => {
-                        var _a;
-                        if (e.key === 'Enter') {
-                            e.preventDefault();
-                            (_a = submitRef.current) === null || _a === void 0 ? void 0 : _a.click();
-                        }
-                    } },
-                    React.createElement(WrappedFormComponent, { schema: schema, uiSchema: uiSchema, formData: formData, formContext: {
-                            model: this.props.model,
-                            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/panelview/story-maps/MobileSpectaPanel.d.ts

@@ -1,7 +0,0 @@
-import { IJupyterGISModel } from '@jupytergis/schema';
-import React from 'react';
-interface IMobileSpectaPanelProps {
-    model: IJupyterGISModel;
-}
-export declare function MobileSpectaPanel({ model }: IMobileSpectaPanelProps): React.JSX.Element;
-export {};