uiconfig-blueprint 0.0.2 → 0.1.0-dev.1

package/lib/esm/bpComponents/BPTreeComponent.d.ts

@@ -0,0 +1,36 @@
+import { BPComponent, BPComponentProps, BPComponentState, UiConfigRendererContextType } from "./BPComponent";
+import { TreeNodeInfo } from "@blueprintjs/core";
+export type BPTreeComponentState<T = {}> = BPComponentState & {
+    nodes: TreeNodeInfo<T>[];
+};
+type NodePath = number[];
+export declare abstract class BPTreeComponent<T = {}, TConfigVal = void> extends BPComponent<TConfigVal, BPTreeComponentState<T>> {
+    constructor(props: BPComponentProps<TConfigVal>, context: UiConfigRendererContextType);
+    protected _infoMap: Map<string | number, TreeNodeInfo<T>>;
+    protected _createNodeInfo(id: string, obj: T): {
+        id: string;
+        label: string;
+        nodeData: T;
+        childNodes: never[];
+        isExpanded: boolean;
+        isSelected: boolean;
+    };
+    protected abstract _getNodeId(obj: T): string;
+    protected abstract _updateNodeInfo(node: TreeNodeInfo<T>, obj: T): TreeNodeInfo<T>;
+    protected abstract _getRootNodes(): T[];
+    protected _onNodeClick(_id: string | number, _path: number[]): Promise<void>;
+    protected _onNodeDoubleClick(_id: string | number, _path: number[]): Promise<void>;
+    protected _cloneNodes(callback?: (t: TreeNodeInfo<T>) => void, state?: TreeNodeInfo<T>[]): TreeNodeInfo<T>[];
+    protected _forEachNode<T>(nodes: TreeNodeInfo<T>[] | undefined, callback: (node: TreeNodeInfo<T>) => void): TreeNodeInfo<T>[] | undefined;
+    protected _forNodeAtPath<T>(nodes: TreeNodeInfo<T>[], path: NodePath, callback: (node: TreeNodeInfo<T>) => void): void;
+    protected _onNodeExpandCollapse(_id: string | number, _path: number[]): Promise<void>;
+    protected _onNodeContextMenu(_id: string | number, _path: number[]): Promise<void>;
+    protected buildData(data: TreeNodeInfo<T>[], obj: T, _?: any, _2?: any): TreeNodeInfo<T>[];
+    getUpdatedState(_state: BPTreeComponentState<T>): BPTreeComponentState<T>;
+    deselectAll(): Promise<void>;
+    setSelected(id?: string): Promise<void>;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): import("react/jsx-runtime").JSX.Element | null;
+}
+export {};

package/lib/esm/bpComponents/BPTreeComponent.js

@@ -0,0 +1,127 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BPComponent } from "./BPComponent";
+import { Tree } from "@blueprintjs/core";
+export class BPTreeComponent extends BPComponent {
+    constructor(props, context) {
+        super(props, context, { nodes: [] });
+        this._infoMap = new Map();
+    }
+    _createNodeInfo(id, obj) {
+        return {
+            id,
+            label: 'unnamed',
+            nodeData: obj,
+            childNodes: [],
+            isExpanded: false,
+            isSelected: false,
+        };
+    }
+    _onNodeClick(_id, _path) {
+        return __awaiter(this, void 0, void 0, function* () {
+        });
+    }
+    _onNodeDoubleClick(_id, _path) {
+        return __awaiter(this, void 0, void 0, function* () {
+        });
+    }
+    _cloneNodes(callback, state) {
+        return (state !== null && state !== void 0 ? state : this.state.nodes).map(n => {
+            let res = Object.assign(Object.assign({}, n), { childNodes: n.childNodes ? this._cloneNodes(callback, n.childNodes) : undefined });
+            if (callback)
+                callback(res);
+            this._infoMap.set(n.id, res);
+            return res;
+        });
+    }
+    _forEachNode(nodes, callback) {
+        if (nodes === undefined) {
+            return nodes;
+        }
+        for (const node of nodes) {
+            callback(node);
+            this._forEachNode(node.childNodes, callback);
+        }
+        return nodes;
+    }
+    _forNodeAtPath(nodes, path, callback) {
+        callback(Tree.nodeFromPath(path, nodes));
+    }
+    _onNodeExpandCollapse(_id, _path) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const nodes = this._cloneNodes();
+            const node = this._infoMap.get(_id);
+            if (!node)
+                return;
+            node.isExpanded = !node.isExpanded;
+            yield this.setStatePromise(Object.assign(Object.assign({}, this.state), { nodes }));
+        });
+    }
+    _onNodeContextMenu(_id, _path) {
+        return __awaiter(this, void 0, void 0, function* () {
+        });
+    }
+    buildData(data, obj, _, _2) {
+        if (!obj)
+            return data;
+        const id = this._getNodeId(obj);
+        if (!this._infoMap.has(id))
+            this._infoMap.set(id, this._createNodeInfo(id, obj));
+        const node = this._infoMap.get(id);
+        const node2 = this._updateNodeInfo(node, obj);
+        if (node2 !== node)
+            this._infoMap.set(id, node2);
+        data.push(node2);
+        return data;
+    }
+    getUpdatedState(_state) {
+        if (!this._infoMap)
+            this._infoMap = new Map();
+        const children = this._getRootNodes();
+        const nodes = children.map(c => {
+            return this.buildData([], c)[0];
+        }).filter(v => v);
+        return super.getUpdatedState({
+            nodes
+        });
+    }
+    deselectAll() {
+        const nodes = this._cloneNodes(n => n.isSelected = false);
+        return this.setStatePromise(Object.assign(Object.assign({}, this.state), { nodes }));
+    }
+    setSelected(id) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const nodes = this._cloneNodes(n => n.isSelected = n.id === id);
+            return this.setStatePromise(Object.assign(Object.assign({}, this.state), { nodes }));
+        });
+    }
+    componentDidMount() {
+        super.componentDidMount();
+    }
+    componentWillUnmount() {
+        super.componentWillUnmount();
+    }
+    render() {
+        const TreeT = Tree.ofType();
+        return !this.state.hidden ? (_jsx(TreeT, { contents: this.state.nodes, className: "folderContent", onNodeExpand: (node, _path, _e) => {
+                this._onNodeExpandCollapse(node.id, _path);
+            }, onNodeCollapse: (node, _path, _e) => {
+                this._onNodeExpandCollapse(node.id, _path);
+            }, onNodeClick: (node, _path, _e) => {
+                this._onNodeClick(node.id, _path);
+            }, onNodeDoubleClick: (node, _path, _e) => {
+                this._onNodeDoubleClick(node.id, _path);
+            }, onNodeContextMenu: (node, _path, _e) => {
+                this._onNodeContextMenu(node.id, _path);
+            } })) : null;
+    }
+}
+//# sourceMappingURL=BPTreeComponent.js.map

package/lib/esm/bpComponents/BPTreeComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BPTreeComponent.js","sourceRoot":"","sources":["../../../src/bpComponents/BPTreeComponent.tsx"],"names":[],"mappings":"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"}

package/lib/esm/bpComponents/BPTreeFolderComponent.d.ts

@@ -0,0 +1,10 @@
+import { TreeNodeInfo } from "@blueprintjs/core";
+import { BPTreeComponent } from "./BPTreeComponent";
+import { UiObjectConfig } from 'uiconfig.js';
+export declare class BPTreeFolderComponent extends BPTreeComponent<UiObjectConfig> {
+    protected _getNodeId(obj: UiObjectConfig): string;
+    protected _updateNodeInfo(node: TreeNodeInfo<UiObjectConfig>, obj: UiObjectConfig): TreeNodeInfo<UiObjectConfig<any, string, any>>;
+    protected _getRootNodes(): UiObjectConfig[];
+    protected _onNodeClick(_id: string | number): Promise<void>;
+    protected _onNodeDoubleClick(_id: string | number): Promise<void>;
+}

package/lib/esm/bpComponents/BPTreeFolderComponent.js

@@ -0,0 +1,36 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { v4 } from "uuid";
+import { BPTreeComponent } from "./BPTreeComponent";
+import { getOrCall } from 'ts-browser-helpers';
+export class BPTreeFolderComponent extends BPTreeComponent {
+    _getNodeId(obj) {
+        return obj.uuid || v4();
+    }
+    _updateNodeInfo(node, obj) {
+        node.label = getOrCall(obj.label) || 'unnamed';
+        node.childNodes = this.context.methods.getChildren(this.props.config).reduce((...args) => this.buildData(...args), []);
+        return node;
+    }
+    _getRootNodes() {
+        return (this.props.config.children || []).map(c => getOrCall(c) || {}).flat(2);
+    }
+    _onNodeClick(_id) {
+        return __awaiter(this, void 0, void 0, function* () {
+            console.log("TODO: Tree node clicked");
+        });
+    }
+    _onNodeDoubleClick(_id) {
+        return __awaiter(this, void 0, void 0, function* () {
+            console.log("TODO: Tree node double clicked");
+        });
+    }
+}
+//# sourceMappingURL=BPTreeFolderComponent.js.map

package/lib/esm/bpComponents/BPTreeFolderComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BPTreeFolderComponent.js","sourceRoot":"","sources":["../../../src/bpComponents/BPTreeFolderComponent.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,MAAM,CAAC;AAExB,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAA;AAE5C,MAAM,OAAO,qBAAsB,SAAQ,eAA+B;IAE5D,UAAU,CAAC,GAAmB;QACpC,OAAO,GAAG,CAAC,IAAI,IAAI,EAAE,EAAE,CAAC;IAC5B,CAAC;IAES,eAAe,CAAC,IAAkC,EAAE,GAAmB;QAC7E,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,SAAS,CAAA;QAC9C,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,MAAM,CAAQ,CAAC,GAAG,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,CAAA;QAC7H,OAAO,IAAI,CAAC;IAChB,CAAC;IAES,aAAa;QACnB,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAqB,CAAA;IACtG,CAAC;IAEe,YAAY,CAAC,GAAkB;;YAC3C,OAAO,CAAC,GAAG,CAAC,yBAAyB,CAAC,CAAA;QAC1C,CAAC;KAAA;IAEe,kBAAkB,CAAC,GAAkB;;YACjD,OAAO,CAAC,GAAG,CAAC,gCAAgC,CAAC,CAAA;QACjD,CAAC;KAAA;CAEJ"}

package/lib/esm/bpComponents/BPValueComponent.d.ts

@@ -0,0 +1,16 @@
+import { BPComponentProps, UiConfigRendererContextType } from "./BPComponent";
+import { BPLabelledComponent, BPLabelledComponentState } from "./BPLabelledComponent";
+export type BPValueComponentState<TStateValue> = BPLabelledComponentState & {
+    value: TStateValue;
+};
+export declare abstract class BPValueComponent<TValue, TState extends BPValueComponentState<TStateValue>, TStateValue> extends BPLabelledComponent<TValue, TState> {
+    protected constructor(props: BPComponentProps<TValue>, context: UiConfigRendererContextType, state: TState);
+    abstract convertValueToState(value: TValue, state: TState): TState;
+    abstract convertStateToValue(state: TState): Promise<TValue>;
+    getUpdatedState(state: TState): TState;
+    protected _previousLast: boolean;
+    doesNeedRefresh(state: TState, _last?: boolean): boolean;
+    setValue(value: TStateValue, last?: boolean): Promise<void>;
+    forceOnChange: boolean;
+    updateStateValue(state: TState, last?: boolean): Promise<void>;
+}

package/lib/esm/bpComponents/BPValueComponent.js

@@ -0,0 +1,42 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { BPLabelledComponent } from "./BPLabelledComponent";
+export class BPValueComponent extends BPLabelledComponent {
+    constructor(props, context, state) {
+        super(props, context, state);
+        this._previousLast = false;
+        this.forceOnChange = false;
+    }
+    getUpdatedState(state) {
+        const val = this.context.methods.getValue(this.props.config);
+        state = super.getUpdatedState(state);
+        return val ? this.convertValueToState(val, state) : state;
+    }
+    doesNeedRefresh(state, _last) {
+        return this._previousLast !== _last || this.state.value !== state.value;
+    }
+    setValue(value, last) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return this.updateStateValue(Object.assign(Object.assign({}, this.state), { value }), last);
+        });
+    }
+    updateStateValue(state, last) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.doesNeedRefresh(state, last)) {
+                yield this.setStatePromise(state);
+                return;
+            }
+            let val = yield this.convertStateToValue(state);
+            yield this.context.methods.setValue(this.props.config, val, { last }, this.forceOnChange);
+            yield this.refreshConfigState(state);
+        });
+    }
+}
+//# sourceMappingURL=BPValueComponent.js.map

package/lib/esm/bpComponents/BPValueComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BPValueComponent.js","sourceRoot":"","sources":["../../../src/bpComponents/BPValueComponent.tsx"],"names":[],"mappings":";;;;;;;;;AACA,OAAO,EAAC,mBAAmB,EAA2B,MAAM,uBAAuB,CAAC;AAMpF,MAAM,OAAgB,gBAAyF,SAAQ,mBAAmC;IAEtJ,YAAsB,KAA+B,EAAE,OAAoC,EAAE,KAAa;QACtG,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;QAavB,kBAAa,GAAG,KAAK,CAAA;QAU/B,kBAAa,GAAY,KAAK,CAAA;IAtB9B,CAAC;IAMD,eAAe,CAAC,KAAa;QACzB,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;QAC5D,KAAK,GAAG,KAAK,CAAC,eAAe,CAAC,KAAK,CAAC,CAAA;QACpC,OAAO,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,mBAAmB,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAA;IAC7D,CAAC;IAID,eAAe,CAAC,KAAa,EAAE,KAAe;QAC1C,OAAO,IAAI,CAAC,aAAa,KAAK,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,CAAA;IAC3E,CAAC;IAEK,QAAQ,CAAC,KAAkB,EAAE,IAAc;;YAC7C,OAAO,IAAI,CAAC,gBAAgB,iCAAK,IAAI,CAAC,KAAK,KAAE,KAAK,KAAG,IAAI,CAAC,CAAA;QAC9D,CAAC;KAAA;IAIK,gBAAgB,CAAC,KAAa,EAAE,IAAc;;YAChD,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC;gBACrC,MAAM,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAA;gBACjC,OAAM;YACV,CAAC;YACD,IAAI,GAAG,GAAG,MAAM,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAA;YAC/C,MAAM,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,GAAG,EAAE,EAAC,IAAI,EAAC,EAAE,IAAI,CAAC,aAAa,CAAC,CAAA;YACvF,MAAM,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAA;QACxC,CAAC;KAAA;CAEJ"}

package/lib/esm/bpComponents/BPVectorInputComponent.d.ts

@@ -0,0 +1,19 @@
+import { BPComponentProps, UiConfigRendererContextType } from "./BPComponent";
+import { BPInputComponent } from "./BPInputComponent";
+import { BPValueComponentState } from "./BPValueComponent";
+import type { Vector2, Vector3, Vector4 } from "three";
+export type BPVectorComponentState = BPValueComponentState<Vector2 | Vector3 | Vector4> & {
+    min: number;
+    max: number;
+    step: number;
+    components: 1 | 2 | 3 | 4;
+};
+export declare class BPVectorInputComponent extends BPInputComponent<Vector2 | Vector3 | Vector4, BPVectorComponentState> {
+    constructor(props: BPComponentProps<Vector2 | Vector3 | Vector4>, context: UiConfigRendererContextType);
+    forceOnChange: boolean;
+    doesNeedRefresh(_: BPVectorComponentState): boolean;
+    getUpdatedState(state: BPVectorComponentState): BPVectorComponentState;
+    private _inputs;
+    refreshConfigState(state?: BPVectorComponentState): Promise<void>;
+    renderInput(): import("react/jsx-runtime").JSX.Element | import("react/jsx-runtime").JSX.Element[];
+}

package/lib/esm/bpComponents/BPVectorInputComponent.js

@@ -0,0 +1,106 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { BPInputComponent } from "./BPInputComponent";
+import { ExtendedNumericInput } from "../components/ExtendedNumericInput";
+import { wIcon3, xIcon3, yIcon3, zIcon3 } from "../components/variableIcons";
+import { getOrCall } from 'ts-browser-helpers';
+export class BPVectorInputComponent extends BPInputComponent {
+    constructor(props, context) {
+        super(props, context, {
+            value: new context.THREE.Vector2(),
+            label: 'Vector',
+            min: -Infinity,
+            max: Infinity,
+            step: 0.01,
+            components: 2,
+        });
+        this.forceOnChange = true;
+        this._inputs = [React.createRef(), React.createRef(), React.createRef(), React.createRef()];
+    }
+    doesNeedRefresh(_) {
+        return true;
+    }
+    getUpdatedState(state) {
+        var _a, _b;
+        const bounds = getOrCall(this.props.config.bounds);
+        const max = ((_a = bounds === null || bounds === void 0 ? void 0 : bounds.length) !== null && _a !== void 0 ? _a : 0) >= 2 ? bounds[1] : Infinity;
+        const min = ((_b = bounds === null || bounds === void 0 ? void 0 : bounds.length) !== null && _b !== void 0 ? _b : 0) >= 1 ? bounds[0] : -Infinity;
+        const step = getOrCall(this.props.config.stepSize) || (isFinite(max) && isFinite(min) ? (Math.pow(10, Math.floor(Math.log10((max - min) / 100)))) : 0.01);
+        state = super.getUpdatedState(Object.assign(Object.assign({}, state), { min, max, step }));
+        let com = this.props.config.type.replace('vector', '').replace('vec', '');
+        let components = 0;
+        if (!com.length) {
+            let v = state.value;
+            if (typeof v.w === "number")
+                components = 4;
+            else if (typeof v.z === "number")
+                components = 3;
+            else if (typeof v.y === "number")
+                components = 2;
+            else if (typeof v.x === "number")
+                components = 1;
+        }
+        else {
+            components = Math.min(4, Math.max(1, parseInt(com)));
+        }
+        state.components = components;
+        return state;
+    }
+    refreshConfigState(state) {
+        const _super = Object.create(null, {
+            refreshConfigState: { get: () => super.refreshConfigState }
+        });
+        var _a, _b, _c, _d;
+        return __awaiter(this, void 0, void 0, function* () {
+            yield _super.refreshConfigState.call(this, state);
+            yield ((_a = this._inputs[0].current) === null || _a === void 0 ? void 0 : _a.setValue(this.state.value.x));
+            yield ((_b = this._inputs[1].current) === null || _b === void 0 ? void 0 : _b.setValue(this.state.value.y));
+            yield ((_c = this._inputs[2].current) === null || _c === void 0 ? void 0 : _c.setValue(this.state.value.z));
+            yield ((_d = this._inputs[3].current) === null || _d === void 0 ? void 0 : _d.setValue(this.state.value.w));
+        });
+    }
+    renderInput() {
+        let ret = [];
+        if (!this.state.value)
+            return _jsx(_Fragment, {});
+        if (this.state.components > 0) {
+            const x = (_jsx(ExtendedNumericInput, { style: { maxWidth: "8rem", minWidth: "2rem" }, disabled: this.state.disabled, readOnly: this.state.readOnly, leftIcon: xIcon3, value: this.state.value.x, ref: this._inputs[0], min: this.state.min, max: this.state.max, stepSize: this.state.step, minorStepSize: this.state.step / 10, majorStepSize: this.state.step * 10, buttonPosition: "none", onChange2: (v, last) => {
+                    this.state.value.x = v;
+                    this.setValue(this.state.value, last);
+                } }, this.props.config.uuid + '_x'));
+            ret.push(x);
+        }
+        if (this.state.components > 1) {
+            const y = (_jsx(ExtendedNumericInput, { style: { maxWidth: "8rem", minWidth: "2rem" }, disabled: this.state.disabled, readOnly: this.state.readOnly, value: this.state.value.y, leftIcon: yIcon3, ref: this._inputs[1], min: this.state.min, max: this.state.max, stepSize: this.state.step, minorStepSize: this.state.step / 10, majorStepSize: this.state.step * 10, buttonPosition: "none", onChange2: (v, last) => {
+                    this.state.value.y = v;
+                    this.setValue(this.state.value, last);
+                } }, this.props.config.uuid + '_y'));
+            ret.push(y);
+        }
+        if (this.state.components > 2) {
+            const z = (_jsx(ExtendedNumericInput, { style: { maxWidth: "8rem", minWidth: "2rem" }, disabled: this.state.disabled, readOnly: this.state.readOnly, value: this.state.value.z, leftIcon: zIcon3, min: this.state.min, max: this.state.max, stepSize: this.state.step, ref: this._inputs[2], minorStepSize: this.state.step / 10, majorStepSize: this.state.step * 10, buttonPosition: "none", onChange2: (v, last) => {
+                    this.state.value.z = v;
+                    this.setValue(this.state.value, last);
+                } }, this.props.config.uuid + '_z'));
+            ret.push(z);
+        }
+        if (this.state.components > 3) {
+            const z = (_jsx(ExtendedNumericInput, { style: { maxWidth: "8rem", minWidth: "2rem" }, disabled: this.state.disabled, readOnly: this.state.readOnly, value: this.state.value.w, leftIcon: wIcon3, ref: this._inputs[3], min: this.state.min, max: this.state.max, stepSize: this.state.step, minorStepSize: this.state.step / 10, majorStepSize: this.state.step * 10, buttonPosition: "none", onChange2: (v, last) => {
+                    this.state.value.w = v;
+                    this.setValue(this.state.value, last);
+                } }, this.props.config.uuid + '_w'));
+            ret.push(z);
+        }
+        return ret;
+    }
+}
+//# sourceMappingURL=BPVectorInputComponent.js.map

package/lib/esm/bpComponents/BPVectorInputComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BPVectorInputComponent.js","sourceRoot":"","sources":["../../../src/bpComponents/BPVectorInputComponent.tsx"],"names":[],"mappings":"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"}

package/lib/esm/components/AppToaster.d.ts

@@ -0,0 +1,6 @@
+import { Toaster } from "@blueprintjs/core";
+export declare const AppToasterRef: {
+    ref: Toaster | null;
+};
+export declare const AppToaster: () => Toaster;
+export declare function AppToasterOverlay(): import("react/jsx-runtime").JSX.Element;

package/lib/esm/components/AppToaster.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { OverlayToaster } from "@blueprintjs/core";
+export const AppToasterRef = { ref: null };
+export const AppToaster = () => { var _a; return (_a = AppToasterRef.ref) !== null && _a !== void 0 ? _a : { show: () => { }, dismiss: () => { } }; };
+export function AppToasterOverlay() {
+    return _jsx(OverlayToaster, { ref: (ref) => (AppToasterRef.ref = ref) });
+}
+//# sourceMappingURL=AppToaster.js.map

package/lib/esm/components/AppToaster.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppToaster.js","sourceRoot":"","sources":["../../../src/components/AppToaster.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,cAAc,EAAU,MAAM,mBAAmB,CAAC;AAS1D,MAAM,CAAC,MAAM,aAAa,GAAG,EAAC,GAAG,EAAE,IAAsB,EAAC,CAAA;AAC1D,MAAM,CAAC,MAAM,UAAU,GAAG,GAAE,EAAE,WAAA,OAAA,MAAA,aAAa,CAAC,GAAG,mCAAI,EAAC,IAAI,EAAE,GAAE,EAAE,GAAC,CAAC,EAAE,OAAO,EAAE,GAAE,EAAE,GAAC,CAAC,EAAmB,CAAA,EAAA,CAAA;AAKpG,MAAM,UAAU,iBAAiB;IAC7B,OAAO,KAAC,cAAc,IAAC,GAAG,EAAE,CAAC,GAAiB,EAAE,EAAE,CAAC,CAAC,aAAa,CAAC,GAAG,GAAG,GAAG,CAAC,GAAI,CAAA;AACpF,CAAC"}

package/lib/esm/components/ConfigurationPanelComponent.d.ts

@@ -0,0 +1,4 @@
+import { UiObjectConfig } from 'uiconfig.js';
+export declare function ConfigurationPanelComponent({ config }: {
+    config: UiObjectConfig<any, 'panel'>;
+}): import("react/jsx-runtime").JSX.Element;

package/lib/esm/components/ConfigurationPanelComponent.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { Button, Card, PanelStack2, Popover } from "@blueprintjs/core";
+import { ConfigObject } from "../ConfigObject";
+import { UiConfigRendererContext } from '../bpComponents/BPComponent';
+import { Classes } from '@blueprintjs/core/src/common';
+import { defaultVisualStyle, setupVisualStyle, ThemeSettingsMenuComponent, VisualStyleContext } from './VisualStyleContext';
+export function ConfigurationPanelComponent({ config }) {
+    const renderer = React.useContext(UiConfigRendererContext);
+    const stackItem = React.useCallback(() => {
+        return {
+            props: { config: config },
+            renderPanel(props) {
+                return (_jsx("ul", { style: { listStyleType: "none", paddingLeft: "0", margin: "0" }, children: config && (_jsx(ConfigObject, Object.assign({}, props, { isPanel: true }))) }));
+            },
+            title: renderer.methods.getLabel(config)
+        };
+    }, [config]);
+    const [currentPanelStack, setCurrentPanelStack] = React.useState([stackItem()]);
+    React.useEffect(() => {
+        setCurrentPanelStack([stackItem()]);
+    }, [stackItem, setCurrentPanelStack]);
+    const style = setupVisualStyle();
+    return (_jsx(VisualStyleContext.Provider, { value: Object.assign(Object.assign({}, defaultVisualStyle), style), children: _jsxs(Card, { id: "bpInspectorCard", className: style.darkMode ? Classes.DARK : "", style: { height: "100%", flexGrow: "1", position: "relative" }, children: [_jsx(PanelStack2, { className: "inspectorPanelStack", showPanelHeader: true, renderActivePanelOnly: true, onOpen: (p) => setCurrentPanelStack([...currentPanelStack, p]), onClose: () => setCurrentPanelStack(currentPanelStack.slice(0, -1)), stack: currentPanelStack }), _jsx("div", { className: "bpPanelStackHeaderOverlay " + Classes.PANEL_STACK2_HEADER, children: _jsx(Popover, { targetProps: { style: { position: "absolute", right: "5px" } }, minimal: true, targetTagName: "div", content: _jsx(ThemeSettingsMenuComponent, {}), placement: "bottom", children: _jsx(Button, { icon: "cog", small: true, minimal: true, text: "" }) }) })] }) }));
+}
+//# sourceMappingURL=ConfigurationPanelComponent.js.map

package/lib/esm/components/ConfigurationPanelComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigurationPanelComponent.js","sourceRoot":"","sources":["../../../src/components/ConfigurationPanelComponent.tsx"],"names":[],"mappings":"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"}

package/lib/esm/components/DialogContext.d.ts

@@ -0,0 +1,52 @@
+import { Dispatch, ReactNode, SetStateAction } from 'react';
+export type DialogStateType = {
+    isOpen: boolean;
+    title: string;
+    content: ReactNode;
+    actions: ReactNode;
+    state: any;
+    canClose: boolean;
+};
+export declare const defaultDialogContext: {
+    isOpen: boolean;
+    title: string;
+    content: ReactNode;
+    actions: ReactNode;
+    state: any;
+    canClose: boolean;
+};
+export declare function setupDialog(): {
+    dialog: DialogStateType;
+    open: (d: Partial<DialogStateType>) => void;
+    close: () => void;
+    setDialog: Dispatch<SetStateAction<DialogStateType>>;
+};
+export declare const DialogContext: import("react").Context<{
+    dialog: DialogStateType;
+    open: (d: Partial<DialogStateType>) => void;
+    close: () => void;
+    setDialog: Dispatch<SetStateAction<DialogStateType>>;
+}>;
+export declare const useDialog: () => {
+    dialog: DialogStateType;
+    open: (d: Partial<DialogStateType>) => void;
+    close: () => void;
+    setDialog: Dispatch<SetStateAction<DialogStateType>>;
+};
+export declare function DialogProvider({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DialogComponent(): import("react/jsx-runtime").JSX.Element;
+export declare function useDialogPrompt(): {
+    prompt: ({ closeButtonText, submitButtonText, message, placeholder, value, showInput, onClose, onSubmit, ...props }: Partial<DialogStateType> & {
+        closeButtonText?: string | undefined;
+        submitButtonText?: string | undefined;
+        message?: string | undefined;
+        placeholder?: string | undefined;
+        value?: string | undefined;
+        showInput?: boolean | undefined;
+        onClose?: ((value: string) => boolean | undefined | Promise<boolean | undefined>) | undefined;
+        onSubmit?: ((value: string) => boolean | undefined | any | Promise<boolean | undefined | any>) | undefined;
+    }) => Promise<string | null>;
+    close: () => void;
+};