uiconfig-blueprint 0.0.2 → 0.1.0-dev.1

package/lib/esm/components/DialogContext.js

@@ -0,0 +1,89 @@
+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());
+    });
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useState } from 'react';
+import { Button, Dialog, DialogBody, DialogFooter, FormGroup, InputGroup } from '@blueprintjs/core';
+import { useLoadingState } from './loadingState';
+import { Intent } from '@blueprintjs/core/src/common/intent';
+export const defaultDialogContext = {
+    isOpen: false, title: '',
+    content: null,
+    actions: null,
+    state: {}, canClose: true,
+};
+export function setupDialog() {
+    const [dialog, setDialog] = useState(defaultDialogContext);
+    const open = useCallback((d) => {
+        setDialog(Object.assign(Object.assign(Object.assign({}, dialog), { isOpen: true }), d));
+    }, [dialog, setDialog]);
+    const close = useCallback(() => setDialog(Object.assign(Object.assign({}, dialog), { isOpen: false })), [dialog, setDialog]);
+    return { dialog, open, close, setDialog };
+}
+export const DialogContext = createContext({ dialog: defaultDialogContext, open: () => { }, close: () => { }, setDialog: () => { } });
+export const useDialog = () => useContext(DialogContext);
+export function DialogProvider({ children }) {
+    const dialog = setupDialog();
+    return _jsx(DialogContext.Provider, { value: Object.assign({}, dialog), children: children });
+}
+export function DialogComponent() {
+    const { dialog, close } = useDialog();
+    return (_jsxs(Dialog, { title: dialog.title, isOpen: dialog.isOpen, isCloseButtonShown: dialog.canClose, onClose: () => { dialog.canClose && close(); }, children: [_jsx(DialogBody, { children: dialog.content }), _jsx(DialogFooter, { actions: dialog.actions })] }));
+}
+export function useDialogPrompt() {
+    const { open, close } = useDialog();
+    const { loadingState, updateLoading } = useLoadingState();
+    const [intent, setIntent] = useState(Intent.NONE);
+    const [helperText, setHelperText] = useState('');
+    const prompt = useCallback((_a) => {
+        var { closeButtonText = 'Close', submitButtonText = 'Okay', message = 'Enter some text: ', placeholder = '', value = '', showInput = true, onClose, onSubmit } = _a, props = __rest(_a, ["closeButtonText", "submitButtonText", "message", "placeholder", "value", "showInput", "onClose", "onSubmit"]);
+        return new Promise((resolve) => {
+            const state = { value };
+            const doClose = () => __awaiter(this, void 0, void 0, function* () {
+                if (onClose && (yield onClose(state.value)) !== false)
+                    return;
+                close();
+                resolve(null);
+            });
+            const doSubmit = () => __awaiter(this, void 0, void 0, function* () {
+                if (onSubmit) {
+                    const res = yield onSubmit(state.value);
+                    if (res.error) {
+                        setIntent(Intent.DANGER);
+                        setHelperText(res.error);
+                    }
+                    if (res !== false)
+                        return;
+                }
+                close();
+                resolve(state.value);
+            });
+            open(Object.assign(Object.assign({ canClose: false }, props), { state, content: (_jsx(FormGroup, { helperText: helperText || undefined, intent: intent, label: message, labelFor: "dialog-prompt-text-input", children: _jsx(InputGroup, { intent: intent, id: "dialog-prompt-text-input", placeholder: placeholder, defaultValue: state.value, style: { display: showInput ? 'block' : 'none' }, onChange: (e) => {
+                            state.value = e.target.value;
+                            if (helperText)
+                                setHelperText('');
+                            if (intent !== Intent.NONE)
+                                setIntent(Intent.NONE);
+                        } }) })), actions: (_jsxs(_Fragment, { children: [_jsx(Button, { text: closeButtonText, loading: loadingState['popup-close'], onClick: () => updateLoading('popup-close', doClose()) }), _jsx(Button, { text: submitButtonText, intent: "primary", loading: loadingState['popup-submit'], onClick: () => updateLoading('popup-submit', doSubmit()) })] })) }));
+        });
+    }, [open, close, loadingState, updateLoading]);
+    return { prompt, close };
+}
+//# sourceMappingURL=DialogContext.js.map

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

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

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

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { IconName, MaybeElement } from "@blueprintjs/core";
+export declare class DraggableIcon extends React.Component<{
+    icon: IconName | MaybeElement;
+    size?: number;
+    value: number;
+    stepSize?: number;
+    small?: boolean;
+    onChange: (v: number, last?: boolean) => void;
+}> {
+    private cursor;
+    private dragStartOffset;
+    private dragStartValue;
+    private lastValue;
+    private removeEvents;
+    private mouseUpEvent;
+    private mouseMoveEvent;
+    render(): import("react/jsx-runtime").JSX.Element;
+}

package/lib/esm/components/DraggableIcon.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { Icon } from "@blueprintjs/core";
+export class DraggableIcon extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.cursor = 'auto';
+        this.dragStartOffset = -Infinity;
+        this.dragStartValue = -Infinity;
+        this.lastValue = -Infinity;
+        this.removeEvents = () => {
+            if (isFinite(this.lastValue))
+                this.props.onChange(this.lastValue);
+            this.lastValue = -Infinity;
+            this.dragStartOffset = -Infinity;
+            this.dragStartValue = -Infinity;
+            document.removeEventListener('mousemove', this.mouseMoveEvent);
+            document.removeEventListener('mouseup', this.mouseUpEvent);
+            document.documentElement.style.cursor = this.cursor;
+        };
+        this.mouseUpEvent = (ev) => {
+            ev.stopPropagation();
+            ev.preventDefault();
+            this.removeEvents();
+        };
+        this.mouseMoveEvent = (ev) => {
+            var _a;
+            ev.stopPropagation();
+            ev.preventDefault();
+            if (ev.buttons > 0) {
+                if (isFinite(this.dragStartValue) && isFinite(this.dragStartOffset)) {
+                    let stepSize = ((_a = this.props.stepSize) !== null && _a !== void 0 ? _a : 1) / 10;
+                    let curr = ev.clientX;
+                    let mm = 100;
+                    let off = this.dragStartOffset - curr;
+                    off = off / mm;
+                    off *= ((stepSize) * 100) / 2;
+                    if (ev.shiftKey)
+                        off *= 10;
+                    if (ev.altKey)
+                        off *= 0.1;
+                    let val = this.dragStartValue - off;
+                    val = Number(val.toFixed(Math.max(1, -Math.log10(stepSize / 10))));
+                    this.props.onChange(val, false);
+                    this.lastValue = val;
+                }
+            }
+            else {
+                this.removeEvents();
+            }
+        };
+    }
+    render() {
+        return (_jsx("div", { style: { cursor: 'ew-resize', marginLeft: "6px", marginRight: "6px", marginTop: this.props.small ? "3px" : "6px", marginBottom: this.props.small ? "3px" : "6px" }, onMouseDown: (ev) => {
+                this.dragStartOffset = ev.clientX;
+                this.dragStartValue = this.props.value;
+                ev.stopPropagation();
+                ev.preventDefault();
+                this.cursor = document.documentElement.style.cursor;
+                document.documentElement.style.cursor = "ew-resize";
+                document.addEventListener('mousemove', this.mouseMoveEvent);
+                document.addEventListener('mouseup', this.mouseUpEvent);
+            }, children: _jsx(Icon, { icon: this.props.icon, size: this.props.size }) }));
+    }
+}
+//# sourceMappingURL=DraggableIcon.js.map

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

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

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

@@ -0,0 +1,25 @@
+import React from "react";
+import type { HTMLInputProps, NumericInputProps } from "@blueprintjs/core";
+export interface IExtendedNumericInputState {
+    value?: string;
+}
+export declare class ExtendedNumericInput extends React.PureComponent<HTMLInputProps & NumericInputProps & {
+    onChange2: (v: number, last?: boolean) => void;
+}, IExtendedNumericInputState> {
+    state: IExtendedNumericInputState;
+    setValue(val?: number): Promise<void>;
+    render(): import("react/jsx-runtime").JSX.Element;
+    private handleBlur;
+    private _lastChangedValue;
+    private handleKeyDown;
+    private handleValueChange;
+    private handleButtonClick;
+    private handleConfirm;
+    private expandScientificNotationTerms;
+    private expandNumberAbbreviationTerms;
+    private evaluateSimpleMathExpression;
+    private nanStringToEmptyString;
+    private expandAbbreviatedNumber;
+    private expandScientificNotationNumber;
+    private roundValue;
+}

package/lib/esm/components/ExtendedNumericInput.js

@@ -0,0 +1,170 @@
+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 React from "react";
+import { NumericInput } from "@blueprintjs/core";
+import { DraggableIcon } from "./DraggableIcon";
+const NumberAbbreviation = {
+    BILLION: "b",
+    MILLION: "m",
+    THOUSAND: "k",
+};
+const NUMBER_ABBREVIATION_REGEX = /((\.\d+)|(\d+(\.\d+)?))(k|m|b)\b/gi;
+const SCIENTIFIC_NOTATION_REGEX = /((\.\d+)|(\d+(\.\d+)?))(e\d+)\b/gi;
+export class ExtendedNumericInput extends React.PureComponent {
+    constructor() {
+        var _a, _b;
+        super(...arguments);
+        this.state = {
+            value: ((_b = (_a = this.props.value) !== null && _a !== void 0 ? _a : this.props.defaultValue) !== null && _b !== void 0 ? _b : '').toString(),
+        };
+        this.handleBlur = (e) => {
+            this.handleConfirm(e.target.value);
+        };
+        this._lastChangedValue = null;
+        this.handleKeyDown = (e) => {
+            if (e.code === 'Enter') {
+                this.handleConfirm(e.target.value);
+            }
+            else if (e.code === 'ArrowUp' || e.code === 'ArrowDown') {
+                if (this._lastChangedValue) {
+                    if (!this._lastChangedValue[1].length && e.target.value.length) {
+                        this.handleConfirm(e.target.value);
+                    }
+                    else
+                        this.handleValueChange(this._lastChangedValue[0], this._lastChangedValue[1], e.target, true, true);
+                }
+                else {
+                    this.handleConfirm(e.target.value);
+                }
+            }
+            this._lastChangedValue = null;
+        };
+        this.handleValueChange = (_valueAsNumber, valueAsString, inputElement, last, dispatchOnChange2 = false) => {
+            this._lastChangedValue = [_valueAsNumber, valueAsString];
+            this.setState({ value: valueAsString }, () => {
+                var _a, _b, _c, _d;
+                (_b = (_a = this.props).onValueChange) === null || _b === void 0 ? void 0 : _b.call(_a, _valueAsNumber, valueAsString, inputElement);
+                if (dispatchOnChange2)
+                    (_d = (_c = this.props).onChange2) === null || _d === void 0 ? void 0 : _d.call(_c, _valueAsNumber, last);
+            });
+        };
+        this.handleButtonClick = (_valueAsNumber, valueAsString) => {
+            this.handleValueChange(_valueAsNumber, valueAsString, null, true, true);
+        };
+        this.handleConfirm = (value) => {
+            let result = value;
+            result = this.expandScientificNotationTerms(result);
+            result = this.expandNumberAbbreviationTerms(result);
+            result = this.evaluateSimpleMathExpression(result);
+            result = this.nanStringToEmptyString(result);
+            this.setState({ value: result }, () => {
+                var _a, _b, _c, _d;
+                (_b = (_a = this.props).onValueChange) === null || _b === void 0 ? void 0 : _b.call(_a, parseFloat(result) || 0, result, null);
+                (_d = (_c = this.props).onChange2) === null || _d === void 0 ? void 0 : _d.call(_c, parseFloat(result) || 0);
+            });
+            this.forceUpdate();
+        };
+        this.expandScientificNotationTerms = (value) => {
+            if (!value) {
+                return value;
+            }
+            return value.replace(SCIENTIFIC_NOTATION_REGEX, this.expandScientificNotationNumber);
+        };
+        this.expandNumberAbbreviationTerms = (value) => {
+            if (!value) {
+                return value;
+            }
+            return value.replace(NUMBER_ABBREVIATION_REGEX, this.expandAbbreviatedNumber);
+        };
+        this.evaluateSimpleMathExpression = (value) => {
+            if (!value) {
+                return value;
+            }
+            const terms = value.split(/[+\-*\/^]/);
+            const trimmedTerms = terms.map((term) => term.trim());
+            const numericTerms = trimmedTerms.map((term) => +term);
+            const illegalTerms = numericTerms.filter(isNaN);
+            if (illegalTerms.length > 0) {
+                return "";
+            }
+            let total = 0;
+            const matches = value.match(/[+\-*\/^]*\s*(\.\d+|\d+(\.\d+)?)/gi) || [];
+            for (const match of matches) {
+                const compactedMatch = match.replace(/\s/g, "");
+                const compactedMatchNum = compactedMatch.replace(/[*\/^]/g, "");
+                const num = parseFloat(compactedMatchNum);
+                if (compactedMatch.startsWith("*"))
+                    total *= num;
+                else if (compactedMatch.startsWith("/"))
+                    total /= num;
+                else if (compactedMatch.startsWith("^"))
+                    total = Math.pow(total, num);
+                else
+                    total += num;
+            }
+            const roundedTotal = this.roundValue(total);
+            return roundedTotal.toString();
+        };
+        this.nanStringToEmptyString = (value) => {
+            return value === "NaN" ? "" : value;
+        };
+        this.expandAbbreviatedNumber = (value) => {
+            if (!value) {
+                return value;
+            }
+            const num = +value.substring(0, value.length - 1);
+            const lastChar = value.charAt(value.length - 1).toLowerCase();
+            let result = null;
+            if (lastChar === NumberAbbreviation.THOUSAND) {
+                result = num * 1e3;
+            }
+            else if (lastChar === NumberAbbreviation.MILLION) {
+                result = num * 1e6;
+            }
+            else if (lastChar === NumberAbbreviation.BILLION) {
+                result = num * 1e9;
+            }
+            const isValid = result != null && !isNaN(result);
+            if (isValid) {
+                result = this.roundValue(result);
+            }
+            return isValid ? result.toString() : "";
+        };
+        this.expandScientificNotationNumber = (value) => {
+            if (!value) {
+                return value;
+            }
+            return (+value).toString();
+        };
+        this.roundValue = (value, precision = 1) => {
+            return Math.round(value * Math.pow(10, precision)) / Math.pow(10, precision);
+        };
+    }
+    setValue(val) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve) => {
+                var _a, _b;
+                this.setState({ value: ((_b = (_a = val !== null && val !== void 0 ? val : this.props.value) !== null && _a !== void 0 ? _a : this.props.defaultValue) !== null && _b !== void 0 ? _b : '').toString() }, resolve);
+            });
+        });
+    }
+    render() {
+        var _a, _b;
+        const { value } = this.state;
+        const props2 = Object.assign({}, this.props);
+        if (props2.onChange2)
+            delete props2.onChange2;
+        return (_jsx(NumericInput, Object.assign({}, props2, { leftElement: (_jsx(DraggableIcon, { icon: (_a = this.props.leftIcon) !== null && _a !== void 0 ? _a : "variable", size: 16, small: this.props.small, value: parseFloat(value !== null && value !== void 0 ? value : '0'), stepSize: this.props.stepSize, onChange: (v, last) => {
+                    this.handleValueChange(v, v.toString(), null, last, true);
+                } })), buttonPosition: (_b = this.props.buttonPosition) !== null && _b !== void 0 ? _b : (this.props.disabled ? "none" : "right"), allowNumericCharactersOnly: false, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, onButtonClick: this.handleButtonClick, onValueChange: this.handleValueChange, placeholder: "Enter a number or expression...", value: value })));
+    }
+}
+//# sourceMappingURL=ExtendedNumericInput.js.map

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

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

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

@@ -0,0 +1,7 @@
+import React from "react";
+import { BPFileComponentState } from "../bpComponents/BPFileComponent";
+export interface FileComponentProps {
+    state: BPFileComponentState;
+    onChange: (state: Partial<BPFileComponentState>) => void;
+}
+export declare const FileComponent: React.FC<FileComponentProps>;

package/lib/esm/components/FileComponent.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { Button, ControlGroup, FileInput, HTMLSelect, InputGroup } from "@blueprintjs/core";
+export const FileComponent = ({ state, onChange }) => {
+    var _a;
+    const fileInputRef = useRef();
+    const textInputRef = useRef();
+    useEffect(() => {
+        const fileElement = fileInputRef.current;
+        const textElement = textInputRef.current;
+        const val = state.value;
+        if (!val) {
+            fileElement && (fileElement.value = '');
+            textElement && (textElement.value = '');
+            return;
+        }
+        if (typeof val === 'string') {
+            textElement && (textElement.value = val);
+            return;
+        }
+        if (!fileElement)
+            return;
+        const dataTransfer = new DataTransfer();
+        dataTransfer.items.add(val instanceof File ? val : new File([val], val.name || ('file' + (val.ext ? '.' + val.ext : ''))));
+        fileElement.files = dataTransfer.files;
+    }, [state.value]);
+    return (_jsx("div", { style: { flexGrow: "1", display: "flex", height: "100%" }, children: _jsxs(ControlGroup, { fill: false, vertical: false, style: { width: "100%" }, children: [!state.readOnly ? (_jsx(HTMLSelect, { options: ['url', 'file'], minimal: true, fill: false, disabled: state.disabled, value: state.mode, onChange: (e) => {
+                        onChange({ mode: e.target.value });
+                    } })) : null, state.mode === 'url' ? (_jsx(InputGroup, { style: { flexGrow: "1", flexShrink: "1" }, inputRef: textInputRef, type: "url", defaultValue: typeof state.value === 'string' ? state.value : '', rightElement: (_jsx(Button, { disabled: state.readOnly, minimal: true, icon: "arrow-right", onClick: () => {
+                            var _a, _b;
+                            onChange({ mode: 'url', value: (_b = (_a = textInputRef.current) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : '' });
+                        } })), disabled: state.disabled, readOnly: state.readOnly, onChange: (_) => {
+                    }, placeholder: "https://example.com/file.png" })) : (_jsx(FileInput, { inputProps: { ref: fileInputRef }, style: { flexGrow: "1", flexShrink: "1", minWidth: "50px" }, text: ((_a = state.value) === null || _a === void 0 ? void 0 : _a.name) || 'No file', disabled: state.disabled, onClick: (e) => {
+                        if (state.readOnly) {
+                            e.preventDefault();
+                            e.stopPropagation();
+                        }
+                    }, buttonText: state.readOnly ? '-' : state.value ? 'Change' : 'Choose', onChange: () => {
+                        var _a, _b, _c;
+                        onChange({ mode: 'file', value: (_c = (_b = (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.files) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : null });
+                    }, className: "inputGroupFile" })), !state.readOnly && state.value && (_jsx(Button, { minimal: true, icon: "small-cross", disabled: state.disabled, onClick: () => {
+                        onChange({ value: null });
+                    } }))] }) }));
+};
+//# sourceMappingURL=FileComponent.js.map

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

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

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

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from "react";
+export declare function FormGroupComponent(props: PropsWithChildren<{
+    label: string;
+    flexBasis?: string;
+    disabled?: boolean;
+}>): import("react/jsx-runtime").JSX.Element;

package/lib/esm/components/FormGroupComponent.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FormGroup } from "@blueprintjs/core";
+export function FormGroupComponent(props) {
+    var _a;
+    return (_jsx(FormGroup, { className: "xPaddedContent folderContent", contentClassName: "formGroupContent", style: {
+            justifyContent: "space-between",
+            marginTop: "2px",
+            marginBottom: "2px",
+            flexBasis: (_a = props.flexBasis) !== null && _a !== void 0 ? _a : "50%"
+        }, label: (_jsx("span", { title: props.label, children: props.label })), inline: true, disabled: props.disabled, children: props.children }));
+}
+//# sourceMappingURL=FormGroupComponent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormGroupComponent.js","sourceRoot":"","sources":["../../../src/components/FormGroupComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAG5C,MAAM,UAAU,kBAAkB,CAAC,KAAmF;;IAClH,OAAO,CACH,KAAC,SAAS,IAAC,SAAS,EAAC,8BAA8B,EAAC,gBAAgB,EAAC,kBAAkB,EAC5E,KAAK,EAAE;YACH,cAAc,EAAE,eAAe;YAC/B,SAAS,EAAE,KAAK;YAChB,YAAY,EAAE,KAAK;YACnB,SAAS,EAAE,MAAA,KAAK,CAAC,SAAS,mCAAI,KAAK;SACtC,EAED,KAAK,EAAE,CAAC,eAAM,KAAK,EAAE,KAAK,CAAC,KAAK,YAAG,KAAK,CAAC,KAAK,GAAQ,CAAC,EACvD,MAAM,EAAE,IAAI,EACZ,QAAQ,EAAE,KAAK,CAAC,QAAQ,YAG9B,KAAK,CAAC,QAAQ,GACP,CACf,CAAA;AACL,CAAC"}

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

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

package/lib/esm/components/InspectorStackComponent.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { Card, PanelStack2 } from "@blueprintjs/core";
+import { ConfigObject } from "../ConfigObject";
+import { UiConfigRendererContext } from '../bpComponents/BPComponent';
+export function InspectorStackComponent({ 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()]);
+    }, [setCurrentPanelStack, stackItem]);
+    return (_jsx(Card, { id: "bpInspectorCard", 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 }) }));
+}
+//# sourceMappingURL=InspectorStackComponent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InspectorStackComponent.js","sourceRoot":"","sources":["../../../src/components/InspectorStackComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,IAAI,EAAS,WAAW,EAAC,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAC,YAAY,EAAc,MAAM,iBAAiB,CAAC;AAE1D,OAAO,EAAC,uBAAuB,EAAC,MAAM,6BAA6B,CAAA;AAInE,MAAM,UAAU,uBAAuB,CAAC,EAAC,MAAM,EAA2C;IACtF,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAA;IAC1D,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACrC,OAAO;YACH,KAAK,EAAE,EAAC,MAAM,EAAE,MAAM,EAAC;YACvB,WAAW,CAAC,KAAkB;gBAE1B,OAAO,CACH,aAAI,KAAK,EAAE,EAAC,aAAa,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAC,YAE5D,MAAM,IAAI,CAAC,KAAC,YAAY,oBAAK,KAAK,IAAE,OAAO,EAAE,IAAI,IAAG,CAAC,GACrD,CACR,CAAA;YACL,CAAC;YACD,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC;SACN,CAAA;IAC1C,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IACZ,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAA2C,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;IAC1H,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QAEjB,oBAAoB,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,CAAA;IACvC,CAAC,EAAE,CAAC,oBAAoB,EAAE,SAAS,CAAC,CAAC,CAAA;IAErC,OAAO,CACH,KAAC,IAAI,IAAC,EAAE,EAAC,iBAAiB,EAAC,KAAK,EAAE,EAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,UAAU,EAAC,YACnF,KAAC,WAAW,IAAC,SAAS,EAAC,qBAAqB,EAC/B,eAAe,EAAE,IAAI,EACrB,qBAAqB,EAAE,IAAI,EAC3B,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,oBAAoB,CAAC,CAAC,GAAG,iBAAiB,EAAE,CAAC,CAAQ,CAAC,EACrE,OAAO,EAAE,GAAG,EAAE,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EACnE,KAAK,EAAE,iBAAiB,GAAG,GACrC,CACV,CAAA;AACL,CAAC"}