uiconfig-blueprint 0.0.3 → 0.1.0-dev.2

package/lib/esnext/ConfigObject.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { UiConfigRendererContext } from "./bpComponents/BPComponent";
+import { BPFolderComponent, FolderHeadCard } from "./bpComponents/BPFolderComponent";
+import { BPTextInputComponent } from "./bpComponents/BPTextInputComponent";
+import { BPNumberInputComponent } from "./bpComponents/BPNumberInputComponent";
+import { BPButtonComponent } from "./bpComponents/BPButtonComponent";
+import { BPToggleInputComponent } from "./bpComponents/BPToggleInputComponent";
+import { BPSliderInputComponent } from "./bpComponents/BPSliderInputComponent";
+import { BPDropdownInputComponent } from "./bpComponents/BPDropdownInputComponent";
+import { BPPanelComponent } from "./bpComponents/BPPanelComponent";
+import { BPTreeFolderComponent } from "./bpComponents/BPTreeFolderComponent";
+import { BPColorInputComponent } from './bpComponents/BPColorInputComponent';
+import { BPFileComponent } from "./bpComponents/BPFileComponent";
+import { BPVectorInputComponent } from './bpComponents/BPVectorInputComponent';
+export const ConfigObjectGenerators = {
+    input: BPTextInputComponent,
+    number: BPNumberInputComponent,
+    button: BPButtonComponent,
+    folder: BPFolderComponent,
+    panel: BPPanelComponent,
+    checkbox: BPToggleInputComponent,
+    toggle: BPToggleInputComponent,
+    dropdown: BPDropdownInputComponent,
+    slider: BPSliderInputComponent,
+    tree: BPTreeFolderComponent,
+    color: BPColorInputComponent,
+    image: BPFileComponent,
+    vec: BPVectorInputComponent,
+    vec2: BPVectorInputComponent,
+    vec3: BPVectorInputComponent,
+    vec4: BPVectorInputComponent,
+};
+export class ConfigObject extends React.Component {
+    static contextType = UiConfigRendererContext;
+    state = {};
+    render() {
+        this.context.methods.initUiConfig(this.props.config);
+        if (!this.props.config.type)
+            return (_jsx("div", {}, this.props.config.uuid));
+        let type = this.props.config.type;
+        const val = this.context.methods.getValue(this.props.config);
+        if (type === 'input' && typeof val === 'number')
+            this.props.config.type = type = 'number';
+        if (type === 'input' && typeof val === 'boolean')
+            this.props.config.type = type = 'toggle';
+        if (type === 'monitor') {
+            this.props.config.type = type = 'input';
+            this.props.config.readOnly = true;
+        }
+        if (val && type === 'input' && typeof val.x === 'number')
+            this.props.config.type = type = 'vec';
+        let BPComp = ConfigObjectGenerators[type];
+        if (type === 'panel' && !this.props.isPanel) {
+            const label = this.context.methods.getLabel(this.props.config);
+            return (_jsx("div", { children: _jsx(FolderHeadCard, { label: label, minimal: false, open: false, onClick: () => {
+                        this.props.openPanel({
+                            props: { config: this.props.config },
+                            title: label,
+                            renderPanel: props => {
+                                if (BPComp)
+                                    return (_jsx(BPComp, { ...props }));
+                                else
+                                    return _jsx(_Fragment, {});
+                            }
+                        });
+                    } }) }, this.props.config.uuid));
+        }
+        if (BPComp) {
+            return (_jsx("div", { children: _jsx(BPComp, { ...this.props, isPanel: undefined }) }, this.props.config.uuid));
+        }
+        return (_jsxs("div", { children: ["Unknown type: ", this.props.config.type] }, this.props.config.uuid));
+    }
+}
+//# sourceMappingURL=ConfigObject.js.map

package/lib/esnext/ConfigObject.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigObject.js","sourceRoot":"","sources":["../../src/ConfigObject.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAqC,uBAAuB,EAAC,MAAM,4BAA4B,CAAC;AACvG,OAAO,EAAC,iBAAiB,EAAE,cAAc,EAAC,MAAM,kCAAkC,CAAC;AACnF,OAAO,EAAC,oBAAoB,EAAC,MAAM,qCAAqC,CAAC;AACzE,OAAO,EAAC,sBAAsB,EAAC,MAAM,uCAAuC,CAAC;AAC7E,OAAO,EAAC,iBAAiB,EAAC,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAC,sBAAsB,EAAC,MAAM,uCAAuC,CAAC;AAC7E,OAAO,EAAC,sBAAsB,EAAC,MAAM,uCAAuC,CAAC;AAC7E,OAAO,EAAC,wBAAwB,EAAC,MAAM,yCAAyC,CAAC;AAEjF,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAC,qBAAqB,EAAC,MAAM,sCAAsC,CAAC;AAE3E,OAAO,EAAC,qBAAqB,EAAC,MAAM,sCAAsC,CAAA;AAC1E,OAAO,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAC,sBAAsB,EAAC,MAAM,uCAAuC,CAAA;AAgB5E,MAAM,CAAC,MAAM,sBAAsB,GAAkG;IACjI,KAAK,EAAE,oBAAoB;IAC3B,MAAM,EAAE,sBAAsB;IAC9B,MAAM,EAAE,iBAAiB;IAEzB,MAAM,EAAE,iBAAiB;IACzB,KAAK,EAAE,gBAAgB;IAEvB,QAAQ,EAAE,sBAAsB;IAChC,MAAM,EAAE,sBAAsB;IAC9B,QAAQ,EAAE,wBAAwB;IAClC,MAAM,EAAE,sBAAsB;IAC9B,IAAI,EAAE,qBAAqB;IAC3B,KAAK,EAAE,qBAAqB;IAC5B,KAAK,EAAE,eAAe;IACtB,GAAG,EAAE,sBAAsB;IAC3B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;CAE/B,CAAA;AAED,MAAM,OAAO,YAAa,SAAQ,KAAK,CAAC,SAA0B;IAC9D,MAAM,CAAC,WAAW,GAAG,uBAAuB,CAAA;IAE5C,KAAK,GAAG,EAAE,CAAA;IAEV,MAAM;QACF,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;QACpD,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI;YAAE,OAAO,CAAC,gBAAU,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAQ,CAAC,CAAA;QAC9E,IAAI,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAA4B,CAAA;QACzD,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;QAG5D,IAAI,IAAI,KAAK,OAAO,IAAI,OAAO,GAAG,KAAK,QAAQ;YAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,GAAG,IAAI,GAAG,QAAQ,CAAA;QACzF,IAAI,IAAI,KAAK,OAAO,IAAI,OAAO,GAAG,KAAK,SAAS;YAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,GAAG,IAAI,GAAG,QAAQ,CAAA;QAC1F,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACrB,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,GAAG,IAAI,GAAG,OAAO,CAAA;YACvC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,GAAG,IAAI,CAAA;QACrC,CAAC;QACD,IAAI,GAAG,IAAI,IAAI,KAAK,OAAO,IAAI,OAAQ,GAAW,CAAC,CAAC,KAAK,QAAQ;YAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,GAAG,IAAI,GAAG,KAAK,CAAA;QAExG,IAAI,MAAM,GAAG,sBAAsB,CAAC,IAAI,CAAC,CAAA;QACzC,IAAI,IAAI,KAAK,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;YAC1C,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;YAC9D,OAAO,CACH,wBACI,KAAC,cAAc,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE;wBACrE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAkC;4BAClD,KAAK,EAAE,EAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAC;4BAClC,KAAK,EAAE,KAAK;4BACZ,WAAW,EAAE,KAAK,CAAC,EAAE;gCACjB,IAAI,MAAM;oCACN,OAAO,CAAC,KAAC,MAAM,OAAK,KAAK,GAAG,CAAC,CAAA;;oCAC5B,OAAO,mBAAK,CAAA;4BACrB,CAAC;yBACJ,CAAC,CAAA;oBACN,CAAC,GAAG,IAXE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAY1B,CACT,CAAA;QACL,CAAC;QACD,IAAI,MAAM,EAAE,CAAC;YACT,OAAO,CAAC,wBAAkC,KAAC,MAAM,IAAM,GAAG,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE,SAAS,GAAK,IAA3E,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAA2D,CAAC,CAAA;QACxG,CAAC;QACD,OAAO,CAAC,4CAAiD,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,KAA7D,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAA8C,CAAC,CAAA;IAuC3F,CAAC"}

package/lib/esnext/UiConfigRendererBlueprint.d.ts

@@ -0,0 +1,13 @@
+import { UiConfigRendererBase, UiObjectConfig } from "uiconfig.js";
+import { Root } from 'react-dom/client';
+import { THREE } from "./threejs";
+export declare class UiConfigRendererBlueprint extends UiConfigRendererBase<Root> {
+    constructor(container?: HTMLElement, { autoPostFrame }?: {
+        autoPostFrame?: boolean | undefined;
+    });
+    protected _createUiContainer(): HTMLDivElement;
+    protected _refreshUiConfigObject(config: UiObjectConfig): void;
+    renderUiConfig(_: UiObjectConfig): void;
+    THREE: THREE | undefined;
+    dispose(): void;
+}

package/lib/esnext/UiConfigRendererBlueprint.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createDiv, createStyles, css } from "ts-browser-helpers";
+import { UiConfigRendererBase } from "uiconfig.js";
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+import { ConfigurationPanelComponent } from './components/ConfigurationPanelComponent';
+import { UiConfigRendererContext } from './bpComponents/BPComponent';
+import rendererCss from './renderer.scss?inline';
+import { FocusStyleManager } from '@blueprintjs/core';
+export class UiConfigRendererBlueprint extends UiConfigRendererBase {
+    constructor(container = document.body, { autoPostFrame = true } = {}) {
+        super(container, autoPostFrame);
+    }
+    _createUiContainer() {
+        FocusStyleManager.onlyShowFocusOnTabs();
+        const container = createDiv({ id: 'blueprintUiContainer', addToBody: false });
+        createStyles(css `
+          :root{
+            --blueprint-ui-container-width: 300px;
+          }
+          @media only screen and (min-width: 1500px) {
+            :root{
+              --blueprint-ui-container-width: 400px;
+            }
+          }
+          @media only screen and (min-width: 2500px) {
+            :root{
+              --blueprint-ui-container-width: 500px;
+            }
+          }
+        `);
+        createStyles(rendererCss);
+        this._root = createRoot(container, {
+            identifierPrefix: 'bpUi',
+            onRecoverableError: (error) => {
+                console.warn(error);
+            }
+        });
+        this._root.render(_jsx(React.StrictMode, { children: _jsx(UiConfigRendererContext.Provider, { value: this, children: _jsx(ConfigurationPanelComponent, { config: this.config }) }) }));
+        return container;
+    }
+    _refreshUiConfigObject(config) {
+        config.uiRef.refreshConfigState();
+    }
+    renderUiConfig(_) {
+        return;
+    }
+    THREE = window.THREE;
+    dispose() {
+    }
+}
+//# sourceMappingURL=UiConfigRendererBlueprint.js.map

package/lib/esnext/UiConfigRendererBlueprint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiConfigRendererBlueprint.js","sourceRoot":"","sources":["../../src/UiConfigRendererBlueprint.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,SAAS,EAAE,YAAY,EAAE,GAAG,EAAC,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAC,oBAAoB,EAAiB,MAAM,aAAa,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAC,UAAU,EAAO,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAC,2BAA2B,EAAC,MAAM,0CAA0C,CAAA;AACpF,OAAO,EAAc,uBAAuB,EAAC,MAAM,4BAA4B,CAAA;AAE/E,OAAO,WAAW,MAAM,wBAAwB,CAAA;AAChD,OAAO,EAAC,iBAAiB,EAAC,MAAM,mBAAmB,CAAA;AAGnD,MAAM,OAAO,yBAA0B,SAAQ,oBAA0B;IAErE,YAAY,YAAyB,QAAQ,CAAC,IAAI,EAAE,EAAC,aAAa,GAAG,IAAI,EAAC,GAAG,EAAE;QAC3E,KAAK,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IAGpC,CAAC;IAES,kBAAkB;QACxB,iBAAiB,CAAC,mBAAmB,EAAE,CAAC;QAExC,MAAM,SAAS,GAAG,SAAS,CAAC,EAAC,EAAE,EAAE,sBAAsB,EAAE,SAAS,EAAE,KAAK,EAAC,CAAC,CAAA;QAC3E,YAAY,CAAC,GAAG,CAAA;;;;;;;;;;;;;;SAcf,CAAC,CAAA;QACF,YAAY,CAAC,WAAW,CAAC,CAAA;QAEzB,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC,SAAS,EAAE;YAC/B,gBAAgB,EAAE,MAAM;YACxB,kBAAkB,EAAE,CAAC,KAAK,EAAE,EAAE;gBAC1B,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;YACvB,CAAC;SACJ,CAAC,CAAA;QACF,IAAI,CAAC,KAAK,CAAC,MAAM,CACb,KAAC,KAAK,CAAC,UAAU,cACjB,KAAC,uBAAuB,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,YACzC,KAAC,2BAA2B,IAAC,MAAM,EAAE,IAAI,CAAC,MAAM,GAAG,GACpB,GAChB,CACtB,CAAA;QACD,OAAO,SAAS,CAAA;IACpB,CAAC;IAES,sBAAsB,CAAC,MAAsB;QAClD,MAAM,CAAC,KAA+B,CAAC,kBAAkB,EAAE,CAAA;IAChE,CAAC;IAED,cAAc,CAAC,CAAiB;QAC5B,OAAO;IACX,CAAC;IAGD,KAAK,GAAqB,MAAc,CAAC,KAAK,CAAA;IAE9C,OAAO;IAEP,CAAC;CAEJ"}

package/lib/esnext/bpComponents/BPButtonComponent.d.ts

@@ -0,0 +1,8 @@
+import { BPComponentProps, UiConfigRendererContextType } from "./BPComponent";
+import React from "react";
+import { BPLabelledComponent, BPLabelledComponentState } from "./BPLabelledComponent";
+export declare class BPButtonComponent extends BPLabelledComponent<() => void, BPLabelledComponentState> {
+    constructor(props: BPComponentProps<() => void>, context: UiConfigRendererContextType);
+    onClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    render(): import("react/jsx-runtime").JSX.Element | null;
+}

package/lib/esnext/bpComponents/BPButtonComponent.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BPLabelledComponent } from "./BPLabelledComponent";
+import { Button } from "@blueprintjs/core";
+export class BPButtonComponent extends BPLabelledComponent {
+    constructor(props, context) {
+        super(props, context, { label: 'Button' });
+    }
+    onClick = (event) => {
+        this.context.methods.clickButton(this.props.config, { args: [event] });
+    };
+    render() {
+        return !this.state.hidden ? (_jsx("div", { className: "bpButtonComponent xPaddedContent", children: _jsx(Button, { className: "bpButton", disabled: this.state.disabled, text: this.state.label, style: {}, onClick: this.onClick }) })) : null;
+    }
+}
+//# sourceMappingURL=BPButtonComponent.js.map

package/lib/esnext/bpComponents/BPButtonComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BPButtonComponent.js","sourceRoot":"","sources":["../../../src/bpComponents/BPButtonComponent.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,mBAAmB,EAA2B,MAAM,uBAAuB,CAAC;AACpF,OAAO,EAAC,MAAM,EAAC,MAAM,mBAAmB,CAAC;AAEzC,MAAM,OAAO,iBAAkB,SAAQ,mBAAuD;IAC1F,YAAY,KAAiC,EAAE,OAAoC;QAC/E,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,EAAC,KAAK,EAAE,QAAQ,EAAC,CAAC,CAAC;IAC7C,CAAC;IAED,OAAO,GAAG,CAAC,KAAsD,EAAE,EAAE;QAEjE,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,EAAC,IAAI,EAAE,CAAC,KAAK,CAAC,EAAC,CAAC,CAAA;IACxE,CAAC,CAAA;IAED,MAAM;QACF,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CACxB,cAAK,SAAS,EAAC,kCAAkC,YAC7C,KAAC,MAAM,IAAC,SAAS,EAAC,UAAU,EACpB,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAE7B,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,GAAG,GACjE,CACT,CAAC,CAAC,CAAC,IAAI,CAAA;IACZ,CAAC;CAEJ"}

package/lib/esnext/bpComponents/BPColorInputComponent.d.ts

@@ -0,0 +1,24 @@
+import { BPComponentProps, UiConfigRendererContextType } from "./BPComponent";
+import { BPValueComponent, BPValueComponentState } from "./BPValueComponent";
+import type { ColorRepresentation } from "three";
+export type BPColorComponentState = BPValueComponentState<string> & {
+    mode: 'number' | 'string' | 'Color';
+    lastValue?: ColorRepresentation;
+    srgbConvert: boolean;
+};
+export declare class BPColorInputComponent extends BPValueComponent<ColorRepresentation, BPColorComponentState, string> {
+    private _inputRef;
+    private _tempColor;
+    constructor(props: BPComponentProps<ColorRepresentation>, context: UiConfigRendererContextType);
+    convertValueToState(val: ColorRepresentation, state: BPColorComponentState): BPColorComponentState;
+    convertStateToValue(state: BPColorComponentState): Promise<ColorRepresentation>;
+    forceOnChange: boolean;
+    doesNeedRefresh(state: BPColorComponentState, _?: boolean): boolean;
+    private _mouseButtons;
+    componentDidMount(): void;
+    private _mouseMove;
+    componentWillUnmount(): void;
+    private _hasMouseUp;
+    private _mouseUp;
+    render(): import("react/jsx-runtime").JSX.Element | null;
+}

package/lib/esnext/bpComponents/BPColorInputComponent.js

@@ -0,0 +1,110 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createRef } from "react";
+import { Button, Icon, InputGroup, Popover } from "@blueprintjs/core";
+import { BPValueComponent } from "./BPValueComponent";
+import { HexColorPicker } from "react-colorful";
+import { FormGroupComponent } from "../components/FormGroupComponent";
+import { getOrCall } from 'ts-browser-helpers';
+export class BPColorInputComponent extends BPValueComponent {
+    _inputRef = createRef();
+    _tempColor;
+    constructor(props, context) {
+        super(props, context, {
+            label: 'Color',
+            value: "#000000",
+            mode: 'number',
+            srgbConvert: false,
+        });
+        if (!context.THREE?.Color)
+            throw new Error('BPColorInputComponent requires THREE.Color to be available in context');
+        if (!this._tempColor)
+            this._tempColor = new context.THREE.Color();
+    }
+    convertValueToState(val, state) {
+        if (!this._tempColor)
+            this._tempColor = new this.context.THREE.Color();
+        let mode = state.mode;
+        const srgbConvert = getOrCall(this.props.config.srgb) === true;
+        if (typeof val === 'string')
+            mode = 'string';
+        else if (typeof val === 'number')
+            mode = 'number';
+        else if (val.isColor)
+            mode = 'Color';
+        else
+            console.error('not supported color', val);
+        this._tempColor.set(val);
+        if (srgbConvert)
+            this._tempColor.convertLinearToSRGB();
+        const value = '#' + this._tempColor.getHexString();
+        return { ...state, mode, value, lastValue: val, srgbConvert };
+    }
+    async convertStateToValue(state) {
+        if (!this._tempColor)
+            this._tempColor = new this.context.THREE.Color();
+        let val = state.lastValue || 0;
+        this._tempColor.set(state.value);
+        if (state.srgbConvert)
+            this._tempColor.convertSRGBToLinear();
+        if (state.mode === 'number') {
+            val = this._tempColor.getHex();
+        }
+        else if (state.mode === 'string') {
+            val = '#' + this._tempColor.getHexString();
+        }
+        else if (state.mode === 'Color') {
+            val = (state.lastValue ?? new this.context.THREE.Color()).copy(this._tempColor);
+        }
+        return val;
+    }
+    forceOnChange = true;
+    doesNeedRefresh(state, _) {
+        const eq = !super.doesNeedRefresh(state);
+        return (state.value?.isColor && eq) ? true : !eq;
+    }
+    _mouseButtons = 0;
+    componentDidMount() {
+        super.componentDidMount();
+        document.addEventListener('mousemove', this._mouseMove);
+    }
+    _mouseMove = (ev) => {
+        this._mouseButtons = ev.buttons;
+        if (!this._mouseButtons && this._hasMouseUp)
+            this._mouseUp();
+    };
+    componentWillUnmount() {
+        document.removeEventListener('mousemove', this._mouseMove);
+        this._mouseButtons = 0;
+        super.componentWillUnmount();
+    }
+    _hasMouseUp = false;
+    _mouseUp = () => {
+        document.removeEventListener('mouseup', this._mouseMove);
+        if (!this._hasMouseUp)
+            return;
+        this._hasMouseUp = false;
+        this.setValue(this._inputRef.current.value, true);
+        if (this._hasMouseUp)
+            return;
+        document.addEventListener('mouseup', this._mouseUp);
+    };
+    render() {
+        return !this.state.hidden ? (_jsx(FormGroupComponent, { label: this.state.label, children: _jsx(InputGroup, { inputRef: this._inputRef, disabled: this.state.disabled, readOnly: this.state.readOnly, leftElement: (_jsx(Popover, { popoverClassName: 'color-picker-popover', usePortal: false, minimal: false, content: _jsx(HexColorPicker, { color: this.state.value, onChange: (c) => {
+                            if (this.state.readOnly || this.state.disabled)
+                                return;
+                            this._tempColor.set(c);
+                            const v = '#' + this._tempColor.getHexString().toUpperCase();
+                            this.setValue(v, false);
+                            this._inputRef.current.value = v;
+                            if (this._hasMouseUp)
+                                return;
+                            this._hasMouseUp = true;
+                            document.addEventListener('mouseup', this._mouseUp);
+                        } }), children: _jsx(Button, { disabled: this.state.disabled || this.state.readOnly, icon: _jsx(Icon, { icon: "full-circle", color: this.state.value }), text: "", minimal: true }) })), defaultValue: this.state.value, onChange: (e) => {
+                    const isHex = /^([A-Fa-f\d]+)$/.exec(e.target.value);
+                    this._tempColor.set((isHex ? '#' : '') + e.target.value);
+                    this.setValue('#' + this._tempColor.getHexString().toUpperCase());
+                } }, this.props.config.uuid) })) : null;
+    }
+}
+//# sourceMappingURL=BPColorInputComponent.js.map

package/lib/esnext/bpComponents/BPColorInputComponent.js.map

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

package/lib/esnext/bpComponents/BPComponent.d.ts

@@ -0,0 +1,29 @@
+import React from "react";
+import type { UiConfigRendererBase } from 'uiconfig.js';
+import { UiObjectConfig } from 'uiconfig.js';
+import { THREE } from "../threejs";
+export type BPComponentProps<T> = {
+    config: UiObjectConfig<T>;
+    level?: number;
+};
+export type BPComponentState = {
+    hidden?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+};
+export interface UiConfigRendererBaseBp extends UiConfigRendererBase {
+    THREE: THREE | undefined;
+}
+export declare const UiConfigRendererContext: React.Context<UiConfigRendererBaseBp>;
+export type UiConfigRendererContextType = React.ContextType<typeof UiConfigRendererContext>;
+export declare abstract class BPComponent<TValue, TState, TProps extends BPComponentProps<TValue> = BPComponentProps<TValue>> extends React.Component<TProps, TState> {
+    static contextType: React.Context<UiConfigRendererBaseBp>;
+    context: UiConfigRendererContextType;
+    protected constructor(props: TProps, context: UiConfigRendererContextType, state: TState);
+    setStatePromise(state: TState): Promise<void>;
+    getUpdatedState(state: TState): TState;
+    private _refreshing;
+    refreshConfigState(state?: TState): Promise<void>;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+}

package/lib/esnext/bpComponents/BPComponent.js

@@ -0,0 +1,46 @@
+import React, { createContext } from "react";
+import { getOrCall } from 'ts-browser-helpers';
+export const UiConfigRendererContext = createContext(null);
+export class BPComponent extends React.Component {
+    static contextType = UiConfigRendererContext;
+    constructor(props, context, state) {
+        super(props, context);
+        this.state = this.getUpdatedState(state);
+    }
+    setStatePromise(state) {
+        return new Promise(resolve => this.setState(state, resolve));
+    }
+    getUpdatedState(state) {
+        return {
+            ...state,
+            hidden: getOrCall(this.props.config.hidden) ?? false,
+            disabled: getOrCall(this.props.config.disabled) ?? false,
+            readOnly: getOrCall(this.props.config.readOnly) ?? false,
+        };
+    }
+    _refreshing = false;
+    async refreshConfigState(state) {
+        if (!this.props.config)
+            return;
+        if (this._refreshing)
+            return;
+        this._refreshing = true;
+        const s = this.getUpdatedState(state || this.state);
+        await this.setStatePromise(s);
+        this._refreshing = false;
+    }
+    componentDidMount() {
+        super.componentDidMount?.();
+        this.props.config.uiRef = this;
+        this.props.config.uiRefresh = (deep = false, mode = 'postFrame', delay = 0) => {
+            this.context.addToRefreshQueue(mode, this.props.config, deep, delay);
+        };
+        this.props.config.uiRefresh();
+    }
+    componentWillUnmount() {
+        this.props.config.uiRef = undefined;
+        this.props.config.uiRefresh = undefined;
+        super.componentWillUnmount?.();
+    }
+}
+//# sourceMappingURL=BPComponent.js.map

package/lib/esnext/bpComponents/BPComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BPComponent.js","sourceRoot":"","sources":["../../../src/bpComponents/BPComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,aAAa,EAAC,MAAM,OAAO,CAAC;AAG3C,OAAO,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAA;AAiB5C,MAAM,CAAC,MAAM,uBAAuB,GAAG,aAAa,CAAyB,IAAW,CAAC,CAAA;AAEzF,MAAM,OAAgB,WAAgG,SAAQ,KAAK,CAAC,SAAyB;IACzJ,MAAM,CAAC,WAAW,GAAG,uBAAuB,CAAA;IAG5C,YAAsB,KAAa,EAAE,OAAoC,EAAE,KAAa;QACpF,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;QACtB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAA;IAE5C,CAAC;IAMD,eAAe,CAAC,KAAa;QACzB,OAAO,IAAI,OAAO,CAAO,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAA;IACtE,CAAC;IAMD,eAAe,CAAC,KAAa;QACzB,OAAO;YACH,GAAG,KAAK;YACR,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,KAAK;YACpD,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,KAAK;YACxD,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,KAAK;SAC3D,CAAA;IACL,CAAC;IAEO,WAAW,GAAG,KAAK,CAAC;IAQ5B,KAAK,CAAC,kBAAkB,CAAC,KAAc;QACnC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM;YAAE,OAAO;QAC/B,IAAI,IAAI,CAAC,WAAW;YAAE,OAAO;QAC7B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAA;QACvB,MAAM,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,CAAA;QAEnD,MAAM,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAA;QAG7B,IAAI,CAAC,WAAW,GAAG,KAAK,CAAA;IAC5B,CAAC;IAOD,iBAAiB;QACb,KAAK,CAAC,iBAAiB,EAAE,EAAE,CAAC;QAC5B,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,IAAI,CAAA;QAC9B,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,GAAG,CAAC,IAAI,GAAG,KAAK,EAAE,IAAI,GAAG,WAAW,EAAE,KAAK,GAAG,CAAC,EAAE,EAAE;YAE1E,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,CAAA;QACxE,CAAC,CAAA;QAED,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,EAAE,CAAA;IACjC,CAAC;IAED,oBAAoB;QAEhB,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,SAAS,CAAA;QACnC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,GAAG,SAAS,CAAA;QACvC,KAAK,CAAC,oBAAoB,EAAE,EAAE,CAAC;IACnC,CAAC"}

package/lib/esnext/bpComponents/BPContainerComponent.d.ts

@@ -0,0 +1,21 @@
+import { BPLabelledComponent, BPLabelledComponentState } from './BPLabelledComponent';
+import { BPComponentProps, UiConfigRendererContextType } from './BPComponent';
+import { PanelActions } from '@blueprintjs/core/lib/esm/components/panel-stack2/panelTypes';
+import { UiObjectConfig } from 'uiconfig.js';
+export type BPContainerComponentState = BPLabelledComponentState & {
+    children: UiObjectConfig[];
+    expanded: boolean;
+};
+export declare class BPContainerComponent<TState extends BPContainerComponentState = BPContainerComponentState> extends BPLabelledComponent<void, TState, BPComponentProps<void> & PanelActions> {
+    protected _childParentOnChange: UiObjectConfig['parentOnChange'];
+    protected _registerChild(child: UiObjectConfig): void;
+    protected _unregisterChild(child: UiObjectConfig): void;
+    constructor(props: BPComponentProps<void> & PanelActions, context: UiConfigRendererContextType, state: TState);
+    getUpdatedState(state: TState): TState & import("./BPComponent").BPComponentState & {
+        children: UiObjectConfig<any, string, any>[];
+        expanded: boolean;
+        label: string;
+    };
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+}

package/lib/esnext/bpComponents/BPContainerComponent.js

@@ -0,0 +1,51 @@
+import { BPLabelledComponent } from './BPLabelledComponent';
+import { getOrCall } from 'ts-browser-helpers';
+export class BPContainerComponent extends BPLabelledComponent {
+    _childParentOnChange = (ev, ...args) => {
+        this.context.methods.dispatchOnChangeSync(this.props.config, { ...ev }, ...args);
+    };
+    _registerChild(child) {
+        child.parentOnChange = this._childParentOnChange;
+        if (child.property === undefined &&
+            child.value === undefined &&
+            child.getValue === undefined &&
+            child.setValue === undefined &&
+            child.type !== 'button' &&
+            (this.props.config.property !== undefined || this.props.config.value !== undefined))
+            child.property = this.props.config.property !== undefined ? this.props.config.property : [this.props.config, 'value'];
+    }
+    _unregisterChild(child) {
+        if (child.parentOnChange !== this._childParentOnChange)
+            child.parentOnChange = undefined;
+        if (Array.isArray(child.property) &&
+            (child.property === this.props.config.property ||
+                (child.property[0] === this.props.config &&
+                    child.property[1] === 'value')))
+            delete child.property;
+    }
+    constructor(props, context, state) {
+        super(props, context, state);
+    }
+    getUpdatedState(state) {
+        const oldChildren = state.children;
+        const newChildren = this.context.methods.getChildren(this.props.config);
+        const removed = oldChildren.filter(c => !newChildren.includes(c));
+        const added = newChildren.filter(c => !oldChildren.includes(c));
+        removed.forEach(c => this._unregisterChild(c));
+        added.forEach(c => this._registerChild(c));
+        return {
+            ...super.getUpdatedState(state),
+            children: newChildren,
+            expanded: getOrCall(this.props.config.expanded) ?? false,
+        };
+    }
+    componentDidMount() {
+        super.componentDidMount?.();
+        this.state.children.forEach(c => this._registerChild(c));
+    }
+    componentWillUnmount() {
+        super.componentWillUnmount?.();
+        this.state.children.forEach(c => this._unregisterChild(c));
+    }
+}
+//# sourceMappingURL=BPContainerComponent.js.map

package/lib/esnext/bpComponents/BPContainerComponent.js.map

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

package/lib/esnext/bpComponents/BPDropdownInputComponent.d.ts

@@ -0,0 +1,15 @@
+import { BPComponentProps, UiConfigRendererContextType } from "./BPComponent";
+import { BPInputComponent } from "./BPInputComponent";
+import { BPValueComponentState } from "./BPValueComponent";
+export interface DropdownItem {
+    label: string;
+    value: string | number;
+}
+export type BPDropdownComponentState = BPValueComponentState<string | number> & {
+    options: DropdownItem[];
+};
+export declare class BPDropdownInputComponent extends BPInputComponent<string | number, BPDropdownComponentState> {
+    constructor(props: BPComponentProps<string | number>, context: UiConfigRendererContextType);
+    getUpdatedState(state: BPDropdownComponentState): BPDropdownComponentState;
+    renderInput(): import("react/jsx-runtime").JSX.Element;
+}

package/lib/esnext/bpComponents/BPDropdownInputComponent.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button, MenuItem } from "@blueprintjs/core";
+import { BPInputComponent } from "./BPInputComponent";
+import { Select } from "@blueprintjs/select";
+const renderDropdownItem = (item, { handleClick, handleFocus, modifiers }) => {
+    if (!modifiers.matchesPredicate) {
+        return null;
+    }
+    return (_jsx(MenuItem, { text: item.label, label: '', roleStructure: "listoption", active: modifiers.active, onClick: handleClick, onFocus: handleFocus }, item.value));
+};
+export class BPDropdownInputComponent extends BPInputComponent {
+    constructor(props, context) {
+        super(props, context, {
+            value: '0',
+            label: 'Dropdown',
+            options: [{ label: 'none', value: '' }]
+        });
+    }
+    getUpdatedState(state) {
+        const children = this.context.methods.getChildren(this.props.config);
+        const options = children.map(value => {
+            const label = this.context.methods.getLabel(value);
+            return { label, value: value.value ?? label };
+        });
+        return super.getUpdatedState({
+            ...state, options
+        });
+    }
+    renderInput() {
+        const item = this.state.options.find(o => o.value === this.state.value) || this.state.options[0];
+        return (_jsx(Select, { filterable: false, activeItem: item, disabled: this.state.disabled, popoverProps: {
+                minimal: true
+            }, noResults: _jsx(MenuItem, { disabled: true, text: "No results.", roleStructure: "listoption" }), items: this.state.options, onItemSelect: (item) => {
+                if (this.state.readOnly)
+                    return;
+                this.setValue(item.value);
+            }, itemRenderer: renderDropdownItem, children: _jsx(Button, { rightIcon: "double-caret-vertical", small: true, style: { whiteSpace: 'nowrap', textOverflow: "ellipsis" }, children: item.label }) }, this.props.config.uuid));
+    }
+}
+//# sourceMappingURL=BPDropdownInputComponent.js.map

package/lib/esnext/bpComponents/BPDropdownInputComponent.js.map

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

package/lib/esnext/bpComponents/BPFileComponent.d.ts

@@ -0,0 +1,25 @@
+import { BPComponentProps, UiConfigRendererContextType } from "./BPComponent";
+import { BPValueComponent, BPValueComponentState } from "./BPValueComponent";
+type StateValue = string | File | null;
+type FileImportType = any;
+export type BPFileComponentState = BPValueComponentState<StateValue> & {
+    mode: 'url' | 'file';
+};
+type BPFileComponentExtras = {
+    fileLoader?: {
+        load: (v: string | File | {
+            path: string;
+            file: File | Blob;
+        }) => Promise<FileImportType>;
+    };
+};
+type BPFileComponentContextType = UiConfigRendererContextType & BPFileComponentExtras;
+export declare class BPFileComponent extends BPValueComponent<FileImportType | null, BPFileComponentState, StateValue> {
+    context: BPFileComponentContextType;
+    props: BPComponentProps<FileImportType | null> & BPFileComponentExtras;
+    constructor(props: BPComponentProps<FileImportType | null> & BPFileComponentExtras, context: BPFileComponentContextType);
+    convertValueToState(val: FileImportType | null, state: BPFileComponentState): BPFileComponentState;
+    convertStateToValue(state: BPFileComponentState): Promise<FileImportType | null>;
+    render(): import("react/jsx-runtime").JSX.Element | null;
+}
+export {};