uiconfig-blueprint 0.0.3 → 0.1.0-dev.2

package/lib/cjs/UiConfigRendererBlueprint.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UiConfigRendererBlueprint = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ts_browser_helpers_1 = require("ts-browser-helpers");
+const uiconfig_js_1 = require("uiconfig.js");
+const react_1 = require("react");
+const client_1 = require("react-dom/client");
+const ConfigurationPanelComponent_1 = require("./components/ConfigurationPanelComponent");
+const BPComponent_1 = require("./bpComponents/BPComponent");
+const renderer_scss_inline_1 = require("./renderer.scss?inline");
+const core_1 = require("@blueprintjs/core");
+class UiConfigRendererBlueprint extends uiconfig_js_1.UiConfigRendererBase {
+    constructor(container = document.body, { autoPostFrame = true } = {}) {
+        super(container, autoPostFrame);
+        this.THREE = window.THREE;
+    }
+    _createUiContainer() {
+        core_1.FocusStyleManager.onlyShowFocusOnTabs();
+        const container = (0, ts_browser_helpers_1.createDiv)({ id: 'blueprintUiContainer', addToBody: false });
+        (0, ts_browser_helpers_1.createStyles)((0, ts_browser_helpers_1.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;
+            }
+          }
+        `);
+        (0, ts_browser_helpers_1.createStyles)(renderer_scss_inline_1.default);
+        this._root = (0, client_1.createRoot)(container, {
+            identifierPrefix: 'bpUi',
+            onRecoverableError: (error) => {
+                console.warn(error);
+            }
+        });
+        this._root.render((0, jsx_runtime_1.jsx)(react_1.default.StrictMode, { children: (0, jsx_runtime_1.jsx)(BPComponent_1.UiConfigRendererContext.Provider, { value: this, children: (0, jsx_runtime_1.jsx)(ConfigurationPanelComponent_1.ConfigurationPanelComponent, { config: this.config }) }) }));
+        return container;
+    }
+    _refreshUiConfigObject(config) {
+        config.uiRef.refreshConfigState();
+    }
+    renderUiConfig(_) {
+        return;
+    }
+    dispose() {
+    }
+}
+exports.UiConfigRendererBlueprint = UiConfigRendererBlueprint;
+//# sourceMappingURL=UiConfigRendererBlueprint.js.map

package/lib/cjs/UiConfigRendererBlueprint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiConfigRendererBlueprint.js","sourceRoot":"","sources":["../../src/UiConfigRendererBlueprint.tsx"],"names":[],"mappings":";;;;AAAA,2DAAgE;AAChE,6CAAiE;AACjE,iCAAyB;AACzB,6CAAiD;AACjD,0FAAoF;AACpF,4DAA+E;AAE/E,iEAAgD;AAChD,4CAAmD;AAGnD,MAAa,yBAA0B,SAAQ,kCAA0B;IAErE,YAAY,YAAyB,QAAQ,CAAC,IAAI,EAAE,EAAC,aAAa,GAAG,IAAI,EAAC,GAAG,EAAE;QAC3E,KAAK,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QAmDpC,UAAK,GAAqB,MAAc,CAAC,KAAK,CAAA;IAhD9C,CAAC;IAES,kBAAkB;QACxB,wBAAiB,CAAC,mBAAmB,EAAE,CAAC;QAExC,MAAM,SAAS,GAAG,IAAA,8BAAS,EAAC,EAAC,EAAE,EAAE,sBAAsB,EAAE,SAAS,EAAE,KAAK,EAAC,CAAC,CAAA;QAC3E,IAAA,iCAAY,EAAC,IAAA,wBAAG,EAAA;;;;;;;;;;;;;;SAcf,CAAC,CAAA;QACF,IAAA,iCAAY,EAAC,8BAAW,CAAC,CAAA;QAEzB,IAAI,CAAC,KAAK,GAAG,IAAA,mBAAU,EAAC,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,uBAAC,eAAK,CAAC,UAAU,cACjB,uBAAC,qCAAuB,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,YACzC,uBAAC,yDAA2B,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;IAKD,OAAO;IAEP,CAAC;CAEJ;AA5DD,8DA4DC"}

package/lib/cjs/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/cjs/bpComponents/BPButtonComponent.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BPButtonComponent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const BPLabelledComponent_1 = require("./BPLabelledComponent");
+const core_1 = require("@blueprintjs/core");
+class BPButtonComponent extends BPLabelledComponent_1.BPLabelledComponent {
+    constructor(props, context) {
+        super(props, context, { label: 'Button' });
+        this.onClick = (event) => {
+            this.context.methods.clickButton(this.props.config, { args: [event] });
+        };
+    }
+    render() {
+        return !this.state.hidden ? ((0, jsx_runtime_1.jsx)("div", { className: "bpButtonComponent xPaddedContent", children: (0, jsx_runtime_1.jsx)(core_1.Button, { className: "bpButton", disabled: this.state.disabled, text: this.state.label, style: {}, onClick: this.onClick }) })) : null;
+    }
+}
+exports.BPButtonComponent = BPButtonComponent;
+//# sourceMappingURL=BPButtonComponent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BPButtonComponent.js","sourceRoot":"","sources":["../../../src/bpComponents/BPButtonComponent.tsx"],"names":[],"mappings":";;;;AAEA,+DAAoF;AACpF,4CAAyC;AAEzC,MAAa,iBAAkB,SAAQ,yCAAuD;IAC1F,YAAY,KAAiC,EAAE,OAAoC;QAC/E,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,EAAC,KAAK,EAAE,QAAQ,EAAC,CAAC,CAAC;QAG7C,YAAO,GAAG,CAAC,KAAsD,EAAE,EAAE;YAEjE,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,EAAC,IAAI,EAAE,CAAC,KAAK,CAAC,EAAC,CAAC,CAAA;QACxE,CAAC,CAAA;IALD,CAAC;IAOD,MAAM;QACF,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CACxB,gCAAK,SAAS,EAAC,kCAAkC,YAC7C,uBAAC,aAAM,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;AArBD,8CAqBC"}

package/lib/cjs/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/cjs/bpComponents/BPColorInputComponent.js

@@ -0,0 +1,127 @@
+"use strict";
+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());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BPColorInputComponent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const core_1 = require("@blueprintjs/core");
+const BPValueComponent_1 = require("./BPValueComponent");
+const react_colorful_1 = require("react-colorful");
+const FormGroupComponent_1 = require("../components/FormGroupComponent");
+const ts_browser_helpers_1 = require("ts-browser-helpers");
+class BPColorInputComponent extends BPValueComponent_1.BPValueComponent {
+    constructor(props, context) {
+        var _a;
+        super(props, context, {
+            label: 'Color',
+            value: "#000000",
+            mode: 'number',
+            srgbConvert: false,
+        });
+        this._inputRef = (0, react_1.createRef)();
+        this.forceOnChange = true;
+        this._mouseButtons = 0;
+        this._mouseMove = (ev) => {
+            this._mouseButtons = ev.buttons;
+            if (!this._mouseButtons && this._hasMouseUp)
+                this._mouseUp();
+        };
+        this._hasMouseUp = false;
+        this._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);
+        };
+        if (!((_a = context.THREE) === null || _a === void 0 ? void 0 : _a.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 = (0, ts_browser_helpers_1.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 Object.assign(Object.assign({}, state), { mode, value, lastValue: val, srgbConvert });
+    }
+    convertStateToValue(state) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            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 = ((_a = state.lastValue) !== null && _a !== void 0 ? _a : new this.context.THREE.Color()).copy(this._tempColor);
+            }
+            return val;
+        });
+    }
+    doesNeedRefresh(state, _) {
+        var _a;
+        const eq = !super.doesNeedRefresh(state);
+        return (((_a = state.value) === null || _a === void 0 ? void 0 : _a.isColor) && eq) ? true : !eq;
+    }
+    componentDidMount() {
+        super.componentDidMount();
+        document.addEventListener('mousemove', this._mouseMove);
+    }
+    componentWillUnmount() {
+        document.removeEventListener('mousemove', this._mouseMove);
+        this._mouseButtons = 0;
+        super.componentWillUnmount();
+    }
+    render() {
+        return !this.state.hidden ? ((0, jsx_runtime_1.jsx)(FormGroupComponent_1.FormGroupComponent, { label: this.state.label, children: (0, jsx_runtime_1.jsx)(core_1.InputGroup, { inputRef: this._inputRef, disabled: this.state.disabled, readOnly: this.state.readOnly, leftElement: ((0, jsx_runtime_1.jsx)(core_1.Popover, { popoverClassName: 'color-picker-popover', usePortal: false, minimal: false, content: (0, jsx_runtime_1.jsx)(react_colorful_1.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: (0, jsx_runtime_1.jsx)(core_1.Button, { disabled: this.state.disabled || this.state.readOnly, icon: (0, jsx_runtime_1.jsx)(core_1.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;
+    }
+}
+exports.BPColorInputComponent = BPColorInputComponent;
+//# sourceMappingURL=BPColorInputComponent.js.map

package/lib/cjs/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/cjs/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/cjs/bpComponents/BPComponent.js

@@ -0,0 +1,59 @@
+"use strict";
+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());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BPComponent = exports.UiConfigRendererContext = void 0;
+const react_1 = require("react");
+const ts_browser_helpers_1 = require("ts-browser-helpers");
+exports.UiConfigRendererContext = (0, react_1.createContext)(null);
+class BPComponent extends react_1.default.Component {
+    constructor(props, context, state) {
+        super(props, context);
+        this._refreshing = false;
+        this.state = this.getUpdatedState(state);
+    }
+    setStatePromise(state) {
+        return new Promise(resolve => this.setState(state, resolve));
+    }
+    getUpdatedState(state) {
+        var _a, _b, _c;
+        return Object.assign(Object.assign({}, state), { hidden: (_a = (0, ts_browser_helpers_1.getOrCall)(this.props.config.hidden)) !== null && _a !== void 0 ? _a : false, disabled: (_b = (0, ts_browser_helpers_1.getOrCall)(this.props.config.disabled)) !== null && _b !== void 0 ? _b : false, readOnly: (_c = (0, ts_browser_helpers_1.getOrCall)(this.props.config.readOnly)) !== null && _c !== void 0 ? _c : false });
+    }
+    refreshConfigState(state) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.props.config)
+                return;
+            if (this._refreshing)
+                return;
+            this._refreshing = true;
+            const s = this.getUpdatedState(state || this.state);
+            yield this.setStatePromise(s);
+            this._refreshing = false;
+        });
+    }
+    componentDidMount() {
+        var _a;
+        (_a = super.componentDidMount) === null || _a === void 0 ? void 0 : _a.call(this);
+        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() {
+        var _a;
+        this.props.config.uiRef = undefined;
+        this.props.config.uiRefresh = undefined;
+        (_a = super.componentWillUnmount) === null || _a === void 0 ? void 0 : _a.call(this);
+    }
+}
+exports.BPComponent = BPComponent;
+BPComponent.contextType = exports.UiConfigRendererContext;
+//# sourceMappingURL=BPComponent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BPComponent.js","sourceRoot":"","sources":["../../../src/bpComponents/BPComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,iCAA2C;AAG3C,2DAA4C;AAiB/B,QAAA,uBAAuB,GAAG,IAAA,qBAAa,EAAyB,IAAW,CAAC,CAAA;AAEzF,MAAsB,WAAgG,SAAQ,eAAK,CAAC,SAAyB;IAIzJ,YAAsB,KAAa,EAAE,OAAoC,EAAE,KAAa;QACpF,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;QA0BlB,gBAAW,GAAG,KAAK,CAAC;QAzBxB,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,uCACO,KAAK,KACR,MAAM,EAAE,MAAA,IAAA,8BAAS,EAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,mCAAI,KAAK,EACpD,QAAQ,EAAE,MAAA,IAAA,8BAAS,EAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,mCAAI,KAAK,EACxD,QAAQ,EAAE,MAAA,IAAA,8BAAS,EAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,mCAAI,KAAK,IAC3D;IACL,CAAC;IAUK,kBAAkB,CAAC,KAAc;;YACnC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM;gBAAE,OAAO;YAC/B,IAAI,IAAI,CAAC,WAAW;gBAAE,OAAO;YAC7B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAA;YACvB,MAAM,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,CAAA;YAEnD,MAAM,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAA;YAG7B,IAAI,CAAC,WAAW,GAAG,KAAK,CAAA;QAC5B,CAAC;KAAA;IAOD,iBAAiB;;QACb,MAAA,KAAK,CAAC,iBAAiB,oDAAI,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,MAAA,KAAK,CAAC,oBAAoB,oDAAI,CAAC;IACnC,CAAC;;AAxEL,kCA4EC;AA3EU,uBAAW,GAAG,+BAAuB,AAA1B,CAA0B"}

package/lib/cjs/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/cjs/bpComponents/BPContainerComponent.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BPContainerComponent = void 0;
+const BPLabelledComponent_1 = require("./BPLabelledComponent");
+const ts_browser_helpers_1 = require("ts-browser-helpers");
+class BPContainerComponent extends BPLabelledComponent_1.BPLabelledComponent {
+    _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);
+        this._childParentOnChange = (ev, ...args) => {
+            this.context.methods.dispatchOnChangeSync(this.props.config, Object.assign({}, ev), ...args);
+        };
+    }
+    getUpdatedState(state) {
+        var _a;
+        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 Object.assign(Object.assign({}, super.getUpdatedState(state)), { children: newChildren, expanded: (_a = (0, ts_browser_helpers_1.getOrCall)(this.props.config.expanded)) !== null && _a !== void 0 ? _a : false });
+    }
+    componentDidMount() {
+        var _a;
+        (_a = super.componentDidMount) === null || _a === void 0 ? void 0 : _a.call(this);
+        this.state.children.forEach(c => this._registerChild(c));
+    }
+    componentWillUnmount() {
+        var _a;
+        (_a = super.componentWillUnmount) === null || _a === void 0 ? void 0 : _a.call(this);
+        this.state.children.forEach(c => this._unregisterChild(c));
+    }
+}
+exports.BPContainerComponent = BPContainerComponent;
+//# sourceMappingURL=BPContainerComponent.js.map

package/lib/cjs/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/cjs/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/cjs/bpComponents/BPDropdownInputComponent.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BPDropdownInputComponent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const core_1 = require("@blueprintjs/core");
+const BPInputComponent_1 = require("./BPInputComponent");
+const select_1 = require("@blueprintjs/select");
+const renderDropdownItem = (item, { handleClick, handleFocus, modifiers }) => {
+    if (!modifiers.matchesPredicate) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)(core_1.MenuItem, { text: item.label, label: '', roleStructure: "listoption", active: modifiers.active, onClick: handleClick, onFocus: handleFocus }, item.value));
+};
+class BPDropdownInputComponent extends BPInputComponent_1.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 => {
+            var _a;
+            const label = this.context.methods.getLabel(value);
+            return { label, value: (_a = value.value) !== null && _a !== void 0 ? _a : label };
+        });
+        return super.getUpdatedState(Object.assign(Object.assign({}, state), { options }));
+    }
+    renderInput() {
+        const item = this.state.options.find(o => o.value === this.state.value) || this.state.options[0];
+        return ((0, jsx_runtime_1.jsx)(select_1.Select, { filterable: false, activeItem: item, disabled: this.state.disabled, popoverProps: {
+                minimal: true
+            }, noResults: (0, jsx_runtime_1.jsx)(core_1.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: (0, jsx_runtime_1.jsx)(core_1.Button, { rightIcon: "double-caret-vertical", small: true, style: { whiteSpace: 'nowrap', textOverflow: "ellipsis" }, children: item.label }) }, this.props.config.uuid));
+    }
+}
+exports.BPDropdownInputComponent = BPDropdownInputComponent;
+//# sourceMappingURL=BPDropdownInputComponent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BPDropdownInputComponent.js","sourceRoot":"","sources":["../../../src/bpComponents/BPDropdownInputComponent.tsx"],"names":[],"mappings":";;;;AACA,4CAAmD;AACnD,yDAAoD;AAEpD,gDAAyD;AAUzD,MAAM,kBAAkB,GAA+B,CAAC,IAAI,EAAE,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,EAAE;IACrG,IAAI,CAAC,SAAS,CAAC,gBAAgB,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,OAAO,CACH,uBAAC,eAAQ,IACL,IAAI,EAAE,IAAI,CAAC,KAAK,EAChB,KAAK,EAAE,EAAE,EACT,aAAa,EAAC,YAAY,EAC1B,MAAM,EAAE,SAAS,CAAC,MAAM,EAExB,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,IAFf,IAAI,CAAC,KAAK,CAGjB,CACL,CAAC;AACN,CAAC,CAAC;AAEF,MAAa,wBAAyB,SAAQ,mCAAyD;IACnG,YAAY,KAAsC,EAAE,OAAoC;QACpF,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE;YAClB,KAAK,EAAE,GAAG;YACV,KAAK,EAAE,UAAU;YACjB,OAAO,EAAE,CAAC,EAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAC,CAAC;SACxC,CAAC,CAAC;IACP,CAAC;IAED,eAAe,CAAC,KAA+B;QAC3C,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;QACpE,MAAM,OAAO,GAAmB,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;;YACjD,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;YAClD,OAAO,EAAC,KAAK,EAAE,KAAK,EAAE,MAAA,KAAM,CAAC,KAAK,mCAAI,KAAK,EAAC,CAAA;QAChD,CAAC,CAAC,CAAA;QAGF,OAAO,KAAK,CAAC,eAAe,iCACrB,KAAK,KAAE,OAAO,IACnB,CAAC;IACP,CAAC;IAED,WAAW;QACP,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAA,EAAE,CAAA,CAAC,CAAC,KAAK,KAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;QAC1F,OAAO,CACH,uBAAC,eAAM,IACH,UAAU,EAAE,KAAK,EACjB,UAAU,EAAE,IAAI,EAEhB,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,YAAY,EAAE;gBACV,OAAO,EAAE,IAAI;aAChB,EACD,SAAS,EAAE,uBAAC,eAAQ,IAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAC,aAAa,EAAE,aAAa,EAAC,YAAY,GAAG,EACtF,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EACzB,YAAY,EAAE,CAAC,IAAI,EAAC,EAAE;gBAClB,IAAG,IAAI,CAAC,KAAK,CAAC,QAAQ;oBAAE,OAAM;gBAC9B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;YAC7B,CAAC,EACD,YAAY,EAAE,kBAAkB,YAGhC,uBAAC,aAAM,IAAC,SAAS,EAAC,uBAAuB,EAAC,KAAK,EAAE,IAAI,EAC7C,KAAK,EAAE,EAAC,UAAU,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAC,YAAG,IAAI,CAAC,KAAK,GAAU,IAfjF,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAgBtB,CACZ,CAAA;IACL,CAAC;CACJ;AA/CD,4DA+CC"}

package/lib/cjs/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 {};

package/lib/cjs/bpComponents/BPFileComponent.js

@@ -0,0 +1,69 @@
+"use strict";
+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());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BPFileComponent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const FileComponent_1 = require("../components/FileComponent");
+const BPValueComponent_1 = require("./BPValueComponent");
+const FormGroupComponent_1 = require("../components/FormGroupComponent");
+class BPFileComponent extends BPValueComponent_1.BPValueComponent {
+    constructor(props, context) {
+        super(props, context, {
+            mode: 'file',
+            value: null,
+            label: 'File'
+        });
+        if (!context.fileLoader && !props.fileLoader)
+            throw new Error('BPFileComponent requires fileLoader to be available in context');
+    }
+    convertValueToState(val, state) {
+        var _a;
+        let mode = state.mode;
+        let value = state.value;
+        if (val) {
+            if (val.userData) {
+                if (val.userData.__sourceBlob) {
+                    value = val.userData.__sourceBlob;
+                    mode = 'file';
+                }
+                else if ((_a = val.userData.rootPath) === null || _a === void 0 ? void 0 : _a.length) {
+                    value = val.userData.rootPath;
+                    mode = 'url';
+                }
+            }
+        }
+        return Object.assign(Object.assign({}, state), { mode, value });
+    }
+    convertStateToValue(state) {
+        var _a, _b;
+        return __awaiter(this, void 0, void 0, function* () {
+            const value = state.value;
+            let val;
+            if (value === null) {
+                val = null;
+            }
+            else if (typeof value === 'string') {
+                val = yield ((_a = this.context.fileLoader) !== null && _a !== void 0 ? _a : this.props.fileLoader).load(value);
+            }
+            else {
+                val = yield ((_b = this.context.fileLoader) !== null && _b !== void 0 ? _b : this.props.fileLoader).load({ path: value.name || 'file', file: value });
+            }
+            return val;
+        });
+    }
+    render() {
+        return !this.state.hidden ? ((0, jsx_runtime_1.jsx)(FormGroupComponent_1.FormGroupComponent, { label: this.state.label, flexBasis: "100%", disabled: this.state.disabled, children: (0, jsx_runtime_1.jsx)(FileComponent_1.FileComponent, { state: this.state, onChange: (s) => {
+                    this.updateStateValue(Object.assign(Object.assign({}, this.state), s));
+                } }, this.props.config.uuid) })) : null;
+    }
+}
+exports.BPFileComponent = BPFileComponent;
+//# sourceMappingURL=BPFileComponent.js.map

package/lib/cjs/bpComponents/BPFileComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BPFileComponent.js","sourceRoot":"","sources":["../../../src/bpComponents/BPFileComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,+DAA0D;AAE1D,yDAA2E;AAC3E,yEAAoE;AAWpE,MAAa,eAAgB,SAAQ,mCAAyE;IAG1G,YAAY,KAAsE,EAAE,OAAmC;QACnH,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE;YAClB,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,IAAI;YACX,KAAK,EAAE,MAAM;SAChB,CAAC,CAAC;QACH,IAAG,CAAC,OAAO,CAAC,UAAU,IAAI,CAAC,KAAK,CAAC,UAAU;YAAE,MAAM,IAAI,KAAK,CAAC,gEAAgE,CAAC,CAAA;IAClI,CAAC;IAED,mBAAmB,CAAC,GAA0B,EAAE,KAA2B;;QACvE,IAAI,IAAI,GAAiC,KAAK,CAAC,IAAI,CAAA;QACnD,IAAI,KAAK,GAAG,KAAK,CAAC,KAAK,CAAA;QACvB,IAAI,GAAG,EAAE,CAAC;YACN,IAAI,GAAG,CAAC,QAAQ,EAAE,CAAC;gBACf,IAAI,GAAG,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC;oBAC5B,KAAK,GAAG,GAAG,CAAC,QAAQ,CAAC,YAAY,CAAA;oBACjC,IAAI,GAAG,MAAM,CAAA;gBACjB,CAAC;qBAAM,IAAI,MAAA,GAAG,CAAC,QAAQ,CAAC,QAAQ,0CAAE,MAAM,EAAE,CAAC;oBACvC,KAAK,GAAG,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAA;oBAC7B,IAAI,GAAG,KAAK,CAAA;gBAChB,CAAC;YACL,CAAC;QACL,CAAC;QACD,uCAAW,KAAK,KAAE,IAAI,EAAE,KAAK,IAAC;IAClC,CAAC;IAEK,mBAAmB,CAAC,KAA2B;;;YACjD,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAA;YACzB,IAAI,GAAQ,CAAA;YACZ,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;gBACjB,GAAG,GAAG,IAAI,CAAA;YACd,CAAC;iBAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;gBACnC,GAAG,GAAG,MAAM,CAAC,MAAA,IAAI,CAAC,OAAO,CAAC,UAAU,mCAAI,IAAI,CAAC,KAAK,CAAC,UAAU,CAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAChF,CAAC;iBAAM,CAAC;gBAEJ,GAAG,GAAG,MAAM,CAAC,MAAA,IAAI,CAAC,OAAO,CAAC,UAAU,mCAAI,IAAI,CAAC,KAAK,CAAC,UAAU,CAAE,CAAC,IAAI,CAAC,EAAC,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,MAAM,EAAE,IAAI,EAAE,KAAK,EAAC,CAAC,CAAC;YACpH,CAAC;YAED,OAAO,GAAG,CAAC;;KACd;IAMD,MAAM;QACF,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CACxB,uBAAC,uCAAkB,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,YACzF,uBAAC,6BAAa,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;oBAC9C,IAAI,CAAC,gBAAgB,iCAAK,IAAI,CAAC,KAAK,GAAK,CAAC,EAAE,CAAC;gBACjD,CAAC,IAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAG,GAChB,CACxB,CAAC,CAAC,CAAC,IAAI,CAAA;IACZ,CAAC;CACJ;AAzDD,0CAyDC"}

package/lib/cjs/bpComponents/BPFolderComponent.d.ts

@@ -0,0 +1,16 @@
+import React, { DOMAttributes } from "react";
+import { BPComponentProps, UiConfigRendererContextType } from "./BPComponent";
+import { PanelActions } from "@blueprintjs/core/lib/esm/components/panel-stack2/panelTypes";
+import { BPContainerComponent, BPContainerComponentState } from './BPContainerComponent';
+export type BPFolderComponentState = BPContainerComponentState & {};
+export declare class BPFolderComponent extends BPContainerComponent<BPFolderComponentState> {
+    constructor(props: BPComponentProps<void> & PanelActions, context: UiConfigRendererContextType);
+    render(): import("react/jsx-runtime").JSX.Element | null;
+}
+export declare const FolderHeadCard: React.FC<React.PropsWithChildren<{
+    open: boolean;
+    label: string;
+    minimal: boolean;
+    disabled?: boolean;
+    onClick: DOMAttributes<HTMLElement>['onClick'];
+}>>;