uiconfig-blueprint 0.0.2 → 0.1.0-dev.1

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

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

package/lib/cjs/bpComponents/BPVectorInputComponent.js

@@ -0,0 +1,110 @@
+"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.BPVectorInputComponent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const BPInputComponent_1 = require("./BPInputComponent");
+const ExtendedNumericInput_1 = require("../components/ExtendedNumericInput");
+const variableIcons_1 = require("../components/variableIcons");
+const ts_browser_helpers_1 = require("ts-browser-helpers");
+class BPVectorInputComponent extends BPInputComponent_1.BPInputComponent {
+    constructor(props, context) {
+        super(props, context, {
+            value: new context.THREE.Vector2(),
+            label: 'Vector',
+            min: -Infinity,
+            max: Infinity,
+            step: 0.01,
+            components: 2,
+        });
+        this.forceOnChange = true;
+        this._inputs = [react_1.default.createRef(), react_1.default.createRef(), react_1.default.createRef(), react_1.default.createRef()];
+    }
+    doesNeedRefresh(_) {
+        return true;
+    }
+    getUpdatedState(state) {
+        var _a, _b;
+        const bounds = (0, ts_browser_helpers_1.getOrCall)(this.props.config.bounds);
+        const max = ((_a = bounds === null || bounds === void 0 ? void 0 : bounds.length) !== null && _a !== void 0 ? _a : 0) >= 2 ? bounds[1] : Infinity;
+        const min = ((_b = bounds === null || bounds === void 0 ? void 0 : bounds.length) !== null && _b !== void 0 ? _b : 0) >= 1 ? bounds[0] : -Infinity;
+        const step = (0, ts_browser_helpers_1.getOrCall)(this.props.config.stepSize) || (isFinite(max) && isFinite(min) ? (Math.pow(10, Math.floor(Math.log10((max - min) / 100)))) : 0.01);
+        state = super.getUpdatedState(Object.assign(Object.assign({}, state), { min, max, step }));
+        let com = this.props.config.type.replace('vector', '').replace('vec', '');
+        let components = 0;
+        if (!com.length) {
+            let v = state.value;
+            if (typeof v.w === "number")
+                components = 4;
+            else if (typeof v.z === "number")
+                components = 3;
+            else if (typeof v.y === "number")
+                components = 2;
+            else if (typeof v.x === "number")
+                components = 1;
+        }
+        else {
+            components = Math.min(4, Math.max(1, parseInt(com)));
+        }
+        state.components = components;
+        return state;
+    }
+    refreshConfigState(state) {
+        const _super = Object.create(null, {
+            refreshConfigState: { get: () => super.refreshConfigState }
+        });
+        var _a, _b, _c, _d;
+        return __awaiter(this, void 0, void 0, function* () {
+            yield _super.refreshConfigState.call(this, state);
+            yield ((_a = this._inputs[0].current) === null || _a === void 0 ? void 0 : _a.setValue(this.state.value.x));
+            yield ((_b = this._inputs[1].current) === null || _b === void 0 ? void 0 : _b.setValue(this.state.value.y));
+            yield ((_c = this._inputs[2].current) === null || _c === void 0 ? void 0 : _c.setValue(this.state.value.z));
+            yield ((_d = this._inputs[3].current) === null || _d === void 0 ? void 0 : _d.setValue(this.state.value.w));
+        });
+    }
+    renderInput() {
+        let ret = [];
+        if (!this.state.value)
+            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+        if (this.state.components > 0) {
+            const x = ((0, jsx_runtime_1.jsx)(ExtendedNumericInput_1.ExtendedNumericInput, { style: { maxWidth: "8rem", minWidth: "2rem" }, disabled: this.state.disabled, readOnly: this.state.readOnly, leftIcon: variableIcons_1.xIcon3, value: this.state.value.x, ref: this._inputs[0], min: this.state.min, max: this.state.max, stepSize: this.state.step, minorStepSize: this.state.step / 10, majorStepSize: this.state.step * 10, buttonPosition: "none", onChange2: (v, last) => {
+                    this.state.value.x = v;
+                    this.setValue(this.state.value, last);
+                } }, this.props.config.uuid + '_x'));
+            ret.push(x);
+        }
+        if (this.state.components > 1) {
+            const y = ((0, jsx_runtime_1.jsx)(ExtendedNumericInput_1.ExtendedNumericInput, { style: { maxWidth: "8rem", minWidth: "2rem" }, disabled: this.state.disabled, readOnly: this.state.readOnly, value: this.state.value.y, leftIcon: variableIcons_1.yIcon3, ref: this._inputs[1], min: this.state.min, max: this.state.max, stepSize: this.state.step, minorStepSize: this.state.step / 10, majorStepSize: this.state.step * 10, buttonPosition: "none", onChange2: (v, last) => {
+                    this.state.value.y = v;
+                    this.setValue(this.state.value, last);
+                } }, this.props.config.uuid + '_y'));
+            ret.push(y);
+        }
+        if (this.state.components > 2) {
+            const z = ((0, jsx_runtime_1.jsx)(ExtendedNumericInput_1.ExtendedNumericInput, { style: { maxWidth: "8rem", minWidth: "2rem" }, disabled: this.state.disabled, readOnly: this.state.readOnly, value: this.state.value.z, leftIcon: variableIcons_1.zIcon3, min: this.state.min, max: this.state.max, stepSize: this.state.step, ref: this._inputs[2], minorStepSize: this.state.step / 10, majorStepSize: this.state.step * 10, buttonPosition: "none", onChange2: (v, last) => {
+                    this.state.value.z = v;
+                    this.setValue(this.state.value, last);
+                } }, this.props.config.uuid + '_z'));
+            ret.push(z);
+        }
+        if (this.state.components > 3) {
+            const z = ((0, jsx_runtime_1.jsx)(ExtendedNumericInput_1.ExtendedNumericInput, { style: { maxWidth: "8rem", minWidth: "2rem" }, disabled: this.state.disabled, readOnly: this.state.readOnly, value: this.state.value.w, leftIcon: variableIcons_1.wIcon3, ref: this._inputs[3], min: this.state.min, max: this.state.max, stepSize: this.state.step, minorStepSize: this.state.step / 10, majorStepSize: this.state.step * 10, buttonPosition: "none", onChange2: (v, last) => {
+                    this.state.value.w = v;
+                    this.setValue(this.state.value, last);
+                } }, this.props.config.uuid + '_w'));
+            ret.push(z);
+        }
+        return ret;
+    }
+}
+exports.BPVectorInputComponent = BPVectorInputComponent;
+//# sourceMappingURL=BPVectorInputComponent.js.map

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

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

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

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

package/lib/cjs/components/ConfigurationPanelComponent.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigurationPanelComponent.js","sourceRoot":"","sources":["../../../src/components/ConfigurationPanelComponent.tsx"],"names":[],"mappings":";;;;AAAA,iCAA0B;AAC1B,4CAA4E;AAC5E,kDAA0D;AAE1D,6DAAmE;AACnE,yDAAoD;AACpD,6DAK6B;AAI7B,SAAgB,2BAA2B,CAAC,EAAC,MAAM,EAA2C;IAC1F,MAAM,QAAQ,GAAG,eAAK,CAAC,UAAU,CAAC,qCAAuB,CAAC,CAAA;IAC1D,MAAM,SAAS,GAAG,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACrC,OAAO;YACH,KAAK,EAAE,EAAC,MAAM,EAAE,MAAM,EAAC;YACvB,WAAW,CAAC,KAAkB;gBAE1B,OAAO,CACH,+BAAI,KAAK,EAAE,EAAC,aAAa,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAC,YAE5D,MAAM,IAAI,CAAC,uBAAC,2BAAY,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,eAAK,CAAC,QAAQ,CAA2C,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;IAC1H,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QAEjB,oBAAoB,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,CAAA;IACvC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,MAAM,KAAK,GAAG,IAAA,qCAAgB,GAAE,CAAA;IAEhC,OAAO,CACH,uBAAC,uCAAkB,CAAC,QAAQ,IAAC,KAAK,kCAAM,uCAAkB,GAAK,KAAK,aACpE,wBAAC,WAAI,IAAC,EAAE,EAAC,iBAAiB,EAAC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAA,CAAC,CAAA,gBAAO,CAAC,IAAI,CAAA,CAAC,CAAA,EAAE,EAAE,KAAK,EAAE,EAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,UAAU,EAAC,aAC9H,uBAAC,kBAAW,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,EACxC,gCAAK,SAAS,EAAE,4BAA4B,GAAG,gBAAO,CAAC,mBAAmB,YACtE,uBAAC,cAAO,IAAC,WAAW,EAAE,EAAC,KAAK,EAAE,EAAC,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAC,EAAC,EAC1D,OAAO,EAAE,IAAI,EACb,aAAa,EAAE,KAAK,EACzB,OAAO,EACP,uBAAC,+CAA0B,KAAE,EAC/B,SAAS,EAAC,QAAQ,YAChB,uBAAC,aAAM,IAAC,IAAI,EAAC,KAAK,EAAC,KAAK,QAAC,OAAO,QAAC,IAAI,EAAC,EAAE,GAAG,GACrC,GACR,IACH,GACuB,CACjC,CAAA;AACL,CAAC;AA/CD,kEA+CC"}

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

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

package/lib/cjs/components/DialogContext.js

@@ -0,0 +1,79 @@
+"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());
+    });
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDialogPrompt = exports.DialogComponent = exports.DialogProvider = exports.useDialog = exports.DialogContext = exports.setupDialog = exports.defaultDialogContext = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const core_1 = require("@blueprintjs/core");
+const loadingState_1 = require("./loadingState");
+exports.defaultDialogContext = {
+    isOpen: false, title: '',
+    content: null,
+    actions: null,
+    state: {}, canClose: true,
+};
+function setupDialog() {
+    const [dialog, setDialog] = (0, react_1.useState)(exports.defaultDialogContext);
+    const open = (0, react_1.useCallback)((d) => {
+        setDialog(Object.assign(Object.assign(Object.assign({}, dialog), { isOpen: true }), d));
+    }, [dialog, setDialog]);
+    const close = (0, react_1.useCallback)(() => setDialog(Object.assign(Object.assign({}, dialog), { isOpen: false })), [dialog, setDialog]);
+    return { dialog, open, close };
+}
+exports.setupDialog = setupDialog;
+exports.DialogContext = (0, react_1.createContext)({ dialog: exports.defaultDialogContext, open: () => { }, close: () => { } });
+const useDialog = () => (0, react_1.useContext)(exports.DialogContext);
+exports.useDialog = useDialog;
+function DialogProvider({ children }) {
+    const dialog = setupDialog();
+    return (0, jsx_runtime_1.jsx)(exports.DialogContext.Provider, { value: Object.assign({}, dialog), children: children });
+}
+exports.DialogProvider = DialogProvider;
+function DialogComponent() {
+    const { dialog, close } = (0, exports.useDialog)();
+    return ((0, jsx_runtime_1.jsxs)(core_1.Dialog, { title: dialog.title, isOpen: dialog.isOpen, isCloseButtonShown: true, onClose: () => { dialog.canClose && close(); }, children: [(0, jsx_runtime_1.jsx)(core_1.DialogBody, { children: dialog.content }), (0, jsx_runtime_1.jsx)(core_1.DialogFooter, { actions: dialog.actions })] }));
+}
+exports.DialogComponent = DialogComponent;
+function useDialogPrompt() {
+    const { open, close } = (0, exports.useDialog)();
+    const { loadingState, updateLoading } = (0, loadingState_1.useLoadingState)();
+    const prompt = (0, react_1.useCallback)((_a) => {
+        var { closeButtonText = 'Close', submitButtonText = 'Okay', message = 'Enter some text: ', placeholder = '', value = '', onClose, onSubmit } = _a, props = __rest(_a, ["closeButtonText", "submitButtonText", "message", "placeholder", "value", "onClose", "onSubmit"]);
+        return new Promise((resolve) => {
+            const state = { value };
+            open(Object.assign(Object.assign({}, props), { state, content: ((0, jsx_runtime_1.jsxs)(core_1.Label, { children: [message, (0, jsx_runtime_1.jsx)(core_1.InputGroup, { placeholder: placeholder, defaultValue: state.value, onChange: (e) => state.value = e.target.value })] })), actions: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(core_1.Button, { text: closeButtonText, loading: loadingState['popup-close'], onClick: () => updateLoading('popup-close', (() => __awaiter(this, void 0, void 0, function* () {
+                                if (!(onClose && (yield onClose(state.value)) !== false)) {
+                                    close();
+                                    resolve(null);
+                                }
+                            }))()) }), (0, jsx_runtime_1.jsx)(core_1.Button, { text: submitButtonText, intent: "primary", loading: loadingState['popup-submit'], onClick: () => updateLoading('popup-submit', (() => __awaiter(this, void 0, void 0, function* () {
+                                if (!(onSubmit && (yield onSubmit(state.value)) !== false)) {
+                                    close();
+                                    resolve(state.value);
+                                }
+                            }))()) })] })) }));
+        });
+    }, [open, close, loadingState, updateLoading]);
+    return { prompt, close };
+}
+exports.useDialogPrompt = useDialogPrompt;
+//# sourceMappingURL=DialogContext.js.map

package/lib/cjs/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/cjs/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/cjs/components/DraggableIcon.js

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DraggableIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = require("react");
+const core_1 = require("@blueprintjs/core");
+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 ((0, jsx_runtime_1.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: (0, jsx_runtime_1.jsx)(core_1.Icon, { icon: this.props.icon, size: this.props.size }) }));
+    }
+}
+exports.DraggableIcon = DraggableIcon;
+//# sourceMappingURL=DraggableIcon.js.map

package/lib/cjs/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/cjs/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/cjs/components/ExtendedNumericInput.js

@@ -0,0 +1,174 @@
+"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.ExtendedNumericInput = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const core_1 = require("@blueprintjs/core");
+const DraggableIcon_1 = require("./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;
+class ExtendedNumericInput extends react_1.default.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 ((0, jsx_runtime_1.jsx)(core_1.NumericInput, Object.assign({}, props2, { leftElement: ((0, jsx_runtime_1.jsx)(DraggableIcon_1.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 })));
+    }
+}
+exports.ExtendedNumericInput = ExtendedNumericInput;
+//# sourceMappingURL=ExtendedNumericInput.js.map