uiconfig-blueprint 0.0.3 → 0.1.0-dev.2

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

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

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileComponent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const core_1 = require("@blueprintjs/core");
+const FileComponent = ({ state, onChange }) => {
+    var _a;
+    const fileInputRef = (0, react_1.useRef)();
+    const textInputRef = (0, react_1.useRef)();
+    (0, react_1.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 ((0, jsx_runtime_1.jsx)("div", { style: { flexGrow: "1", display: "flex", height: "100%" }, children: (0, jsx_runtime_1.jsxs)(core_1.ControlGroup, { fill: false, vertical: false, style: { width: "100%" }, children: [!state.readOnly ? ((0, jsx_runtime_1.jsx)(core_1.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' ? ((0, jsx_runtime_1.jsx)(core_1.InputGroup, { style: { flexGrow: "1", flexShrink: "1" }, inputRef: textInputRef, type: "url", defaultValue: typeof state.value === 'string' ? state.value : '', rightElement: ((0, jsx_runtime_1.jsx)(core_1.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" })) : ((0, jsx_runtime_1.jsx)(core_1.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 && ((0, jsx_runtime_1.jsx)(core_1.Button, { minimal: true, icon: "small-cross", disabled: state.disabled, onClick: () => {
+                        onChange({ value: null });
+                    } }))] }) }));
+};
+exports.FileComponent = FileComponent;
+//# sourceMappingURL=FileComponent.js.map

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormGroupComponent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const core_1 = require("@blueprintjs/core");
+function FormGroupComponent(props) {
+    var _a;
+    return ((0, jsx_runtime_1.jsx)(core_1.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: ((0, jsx_runtime_1.jsx)("span", { title: props.label, children: props.label })), inline: true, disabled: props.disabled, children: props.children }));
+}
+exports.FormGroupComponent = FormGroupComponent;
+//# sourceMappingURL=FormGroupComponent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormGroupComponent.js","sourceRoot":"","sources":["../../../src/components/FormGroupComponent.tsx"],"names":[],"mappings":";;;;AAAA,4CAA4C;AAG5C,SAAgB,kBAAkB,CAAC,KAAmF;;IAClH,OAAO,CACH,uBAAC,gBAAS,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,iCAAM,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;AAlBD,gDAkBC"}

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

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InspectorStackComponent = 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");
+function InspectorStackComponent({ 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]);
+    return ((0, jsx_runtime_1.jsx)(core_1.Card, { id: "bpInspectorCard", 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 }) }));
+}
+exports.InspectorStackComponent = InspectorStackComponent;
+//# sourceMappingURL=InspectorStackComponent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InspectorStackComponent.js","sourceRoot":"","sources":["../../../src/components/InspectorStackComponent.tsx"],"names":[],"mappings":";;;;AAAA,iCAA0B;AAC1B,4CAA2D;AAC3D,kDAA0D;AAE1D,6DAAmE;AAInE,SAAgB,uBAAuB,CAAC,EAAC,MAAM,EAA2C;IACtF,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,OAAO,CACH,uBAAC,WAAI,IAAC,EAAE,EAAC,iBAAiB,EAAC,KAAK,EAAE,EAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,UAAU,EAAC,YACnF,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,GACrC,CACV,CAAA;AACL,CAAC;AAjCD,0DAiCC"}

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

@@ -0,0 +1,119 @@
+import React from 'react';
+export declare const defaultVisualStyle: {
+    darkMode: boolean;
+    setDarkMode: (_: boolean) => void;
+    themes: {
+        'bpx-default': {
+            label: string;
+            link: string;
+        };
+        'bpx-bpv3': {
+            label: string;
+            link: string;
+        };
+        'bpx-flat': {
+            label: string;
+            link: string;
+        };
+        'bpx-carbon': {
+            label: string;
+            link: string;
+        };
+        'bpx-antd': {
+            label: string;
+            link: string;
+        };
+        'bpx-fluent': {
+            label: string;
+            link: string;
+        };
+        'bpx-pnnl': {
+            label: string;
+            link: string;
+        };
+    };
+    theme: string;
+    setTheme: (_: string) => void;
+};
+export declare const VisualStyleContext: React.Context<{
+    darkMode: boolean;
+    setDarkMode: (_: boolean) => void;
+    themes: {
+        'bpx-default': {
+            label: string;
+            link: string;
+        };
+        'bpx-bpv3': {
+            label: string;
+            link: string;
+        };
+        'bpx-flat': {
+            label: string;
+            link: string;
+        };
+        'bpx-carbon': {
+            label: string;
+            link: string;
+        };
+        'bpx-antd': {
+            label: string;
+            link: string;
+        };
+        'bpx-fluent': {
+            label: string;
+            link: string;
+        };
+        'bpx-pnnl': {
+            label: string;
+            link: string;
+        };
+    };
+    theme: string;
+    setTheme: (_: string) => void;
+}>;
+export declare const useVisualStyle: () => {
+    darkMode: boolean;
+    setDarkMode: (_: boolean) => void;
+    themes: {
+        'bpx-default': {
+            label: string;
+            link: string;
+        };
+        'bpx-bpv3': {
+            label: string;
+            link: string;
+        };
+        'bpx-flat': {
+            label: string;
+            link: string;
+        };
+        'bpx-carbon': {
+            label: string;
+            link: string;
+        };
+        'bpx-antd': {
+            label: string;
+            link: string;
+        };
+        'bpx-fluent': {
+            label: string;
+            link: string;
+        };
+        'bpx-pnnl': {
+            label: string;
+            link: string;
+        };
+    };
+    theme: string;
+    setTheme: (_: string) => void;
+};
+export declare function setupVisualStyle(): {
+    darkMode: boolean;
+    setDarkMode: React.Dispatch<React.SetStateAction<boolean>>;
+    theme: string;
+    setTheme: React.Dispatch<React.SetStateAction<string>>;
+};
+export declare function VisualStyleProvider({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ThemeSettingsMenuComponent(): import("react/jsx-runtime").JSX.Element;

package/lib/cjs/components/VisualStyleContext.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeSettingsMenuComponent = exports.VisualStyleProvider = exports.setupVisualStyle = exports.useVisualStyle = exports.VisualStyleContext = exports.defaultVisualStyle = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const core_1 = require("@blueprintjs/core");
+const common_1 = require("@blueprintjs/core/src/common");
+exports.defaultVisualStyle = {
+    darkMode: true,
+    setDarkMode: (_) => { },
+    themes: {
+        'bpx-default': { label: 'Blueprint Default', link: 'https://blueprintjs.com/docs/#blueprint' },
+        'bpx-bpv3': { label: 'Blueprint v3', link: 'https://blueprintjs.com/docs/versions/3/' },
+        'bpx-flat': { label: 'Flat', link: 'https://pnnl.github.io/blueprint-styler/?style=bpx-flat' },
+        'bpx-carbon': { label: 'IBM Carbon', link: 'https://carbondesignsystem.com/components/overview/' },
+        'bpx-antd': { label: 'Ant Design', link: 'https://ant.design/components/overview/' },
+        'bpx-fluent': { label: 'Microsoft Fluent', link: 'https://fluentuipr.z22.web.core.windows.net/heads/master/theming-designer/index.html' },
+        'bpx-pnnl': { label: 'PNNL v3', link: 'https://forgedev.pnnl.gov/prc3/' },
+    },
+    theme: 'bpx-default',
+    setTheme: (_) => { },
+};
+exports.VisualStyleContext = react_1.default.createContext(exports.defaultVisualStyle);
+const useVisualStyle = () => react_1.default.useContext(exports.VisualStyleContext);
+exports.useVisualStyle = useVisualStyle;
+const localStoragePrefix = 'bpUi';
+const localStorageIds = {
+    'darkMode': localStoragePrefix + 'DarkMode',
+    'theme': localStoragePrefix + 'Theme',
+};
+function setupVisualStyle() {
+    const [darkMode, setDarkMode] = react_1.default.useState(localStorage.getItem(localStorageIds.darkMode) !== (exports.defaultVisualStyle.darkMode ? 'false' : 'true'));
+    react_1.default.useEffect(() => {
+        localStorage.setItem('bpUiDarkMode', darkMode ? 'true' : 'false');
+        const clas = common_1.Classes.DARK;
+        if (!darkMode)
+            document.body.classList.remove(clas);
+        else
+            document.body.classList.add(clas);
+    }, [darkMode]);
+    const [theme, setTheme] = react_1.default.useState(localStorage.getItem(localStorageIds.theme) || exports.defaultVisualStyle.theme);
+    react_1.default.useEffect(() => {
+        localStorage.setItem('bpUiTheme', theme);
+        document.documentElement.classList.remove(...Object.keys(exports.defaultVisualStyle.themes).map(k => k));
+        document.documentElement.classList.add(theme);
+    }, [theme]);
+    return { darkMode, setDarkMode, theme, setTheme };
+}
+exports.setupVisualStyle = setupVisualStyle;
+function VisualStyleProvider({ children }) {
+    const visualStyle = setupVisualStyle();
+    return (0, jsx_runtime_1.jsx)(exports.VisualStyleContext.Provider, { value: Object.assign(Object.assign({}, exports.defaultVisualStyle), visualStyle), children: children });
+}
+exports.VisualStyleProvider = VisualStyleProvider;
+function ThemeSettingsMenuComponent() {
+    const visualStyle = (0, exports.useVisualStyle)();
+    return (0, jsx_runtime_1.jsxs)(core_1.Menu, { className: common_1.Classes.ELEVATION_0, children: [(0, jsx_runtime_1.jsx)(core_1.MenuItem, { icon: "contrast", text: "Color", roleStructure: "menuitem", children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(core_1.MenuItem, { icon: "flash", text: "Light Mode", shouldDismissPopover: false, selected: !visualStyle.darkMode, onClick: () => visualStyle.setDarkMode(false), roleStructure: "listoption" }, "light"), (0, jsx_runtime_1.jsx)(core_1.MenuItem, { icon: "moon", text: "Dark Mode", shouldDismissPopover: false, selected: visualStyle.darkMode, onClick: () => visualStyle.setDarkMode(true), roleStructure: "listoption" }, "dark")] }) }), (0, jsx_runtime_1.jsx)(core_1.MenuItem, { icon: "style", text: "Theme", roleStructure: "menuitem", children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: Object.entries(visualStyle.themes).map(([key, value]) => ((0, jsx_runtime_1.jsx)(core_1.MenuItem, { shouldDismissPopover: false, text: value.label, selected: visualStyle.theme === key, onClick: () => visualStyle.setTheme(key), roleStructure: "listoption" }, key))) }) })] });
+}
+exports.ThemeSettingsMenuComponent = ThemeSettingsMenuComponent;
+//# sourceMappingURL=VisualStyleContext.js.map

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

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

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

@@ -0,0 +1,2 @@
+import { ReactNode } from "react";
+export declare const bpIconWrapper: (path: ReactNode, viewbox?: number) => import("react/jsx-runtime").JSX.Element;

package/lib/cjs/components/bpIconWrapper.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.bpIconWrapper = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const bpIconWrapper = (path, viewbox = 16) => {
+    return ((0, jsx_runtime_1.jsx)("span", { className: "bp5-icon", children: (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", x: "0", y: "0", width: "16", height: "16", role: "img", viewBox: `0 0 ${viewbox} ${viewbox}`, children: path }) }));
+};
+exports.bpIconWrapper = bpIconWrapper;
+//# sourceMappingURL=bpIconWrapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bpIconWrapper.js","sourceRoot":"","sources":["../../../src/components/bpIconWrapper.tsx"],"names":[],"mappings":";;;;AAGO,MAAM,aAAa,GAAG,CAAC,IAAe,EAAE,OAAO,GAAG,EAAE,EAAE,EAAE;IAC3D,OAAO,CACH,iCAAM,SAAS,EAAC,UAAU,YACtB,gCACI,KAAK,EAAC,4BAA4B,EAClC,CAAC,EAAC,GAAG,EACL,CAAC,EAAC,GAAG,EACL,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,KAAK,EACV,OAAO,EAAE,OAAO,OAAO,IAAI,OAAO,EAAE,YAEnC,IAAI,GACH,GACH,CACV,CAAC;AACN,CAAC,CAAC;AAhBW,QAAA,aAAa,iBAgBxB"}

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

@@ -0,0 +1,4 @@
+export declare function useLoadingState(): {
+    loadingState: Record<string, boolean>;
+    updateLoading: (key: string, promise?: Promise<any>) => void;
+};

package/lib/cjs/components/loadingState.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLoadingState = void 0;
+const react_1 = require("react");
+function useLoadingState() {
+    const [loadingState, setLoadingState] = (0, react_1.useState)({});
+    const updateLoading = (0, react_1.useCallback)((key, promise) => {
+        if (!promise || promise.then === undefined)
+            return setLoadingState(Object.assign(Object.assign({}, loadingState), { [key]: false }));
+        setLoadingState(Object.assign(Object.assign({}, loadingState), { [key]: true }));
+        promise.then(() => setLoadingState(Object.assign(Object.assign({}, loadingState), { [key]: false })));
+    }, [loadingState]);
+    return { loadingState, updateLoading };
+}
+exports.useLoadingState = useLoadingState;
+//# sourceMappingURL=loadingState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"loadingState.js","sourceRoot":"","sources":["../../../src/components/loadingState.tsx"],"names":[],"mappings":";;;AAAA,iCAA2C;AAE3C,SAAgB,eAAe;IAC3B,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAA0B,EAAE,CAAC,CAAA;IAC7E,MAAM,aAAa,GAAG,IAAA,mBAAW,EAAC,CAAC,GAAW,EAAE,OAAsB,EAAE,EAAE;QACtE,IAAG,CAAC,OAAO,IAAI,OAAO,CAAC,IAAI,KAAK,SAAS;YAAE,OAAO,eAAe,iCAAK,YAAY,KAAE,CAAC,GAAG,CAAC,EAAE,KAAK,IAAE,CAAA;QAClG,eAAe,iCAAK,YAAY,KAAE,CAAC,GAAG,CAAC,EAAE,IAAI,IAAE,CAAA;QAC/C,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,eAAe,iCAAK,YAAY,KAAE,CAAC,GAAG,CAAC,EAAE,KAAK,IAAE,CAAC,CAAA;IACxE,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAClB,OAAO,EAAC,YAAY,EAAE,aAAa,EAAC,CAAA;AACxC,CAAC;AARD,0CAQC"}

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

@@ -0,0 +1,40 @@
+export declare const xIcon1: import("react/jsx-runtime").JSX.Element;
+export declare const yIcon1: import("react/jsx-runtime").JSX.Element;
+export declare const zIcon1: import("react/jsx-runtime").JSX.Element;
+export declare const xIcon2: import("react/jsx-runtime").JSX.Element;
+export declare const yIcon2: import("react/jsx-runtime").JSX.Element;
+export declare const zIcon2: import("react/jsx-runtime").JSX.Element;
+export declare const xIcon3: import("react/jsx-runtime").JSX.Element;
+export declare const yIcon3: import("react/jsx-runtime").JSX.Element;
+export declare const zIcon3: import("react/jsx-runtime").JSX.Element;
+export declare const uIcon3: import("react/jsx-runtime").JSX.Element;
+export declare const vIcon3: import("react/jsx-runtime").JSX.Element;
+export declare const wIcon3: import("react/jsx-runtime").JSX.Element;
+export declare const hIcon3: import("react/jsx-runtime").JSX.Element;
+export declare const xIcon4: import("react/jsx-runtime").JSX.Element;
+export declare const yIcon4: import("react/jsx-runtime").JSX.Element;
+export declare const zIcon4: import("react/jsx-runtime").JSX.Element;
+export declare const xIcon5: import("react/jsx-runtime").JSX.Element;
+export declare const yIcon5: import("react/jsx-runtime").JSX.Element;
+export declare const zIcon5: import("react/jsx-runtime").JSX.Element;
+export declare const xIcon6: import("react/jsx-runtime").JSX.Element;
+export declare const yIcon6: import("react/jsx-runtime").JSX.Element;
+export declare const zIcon6: import("react/jsx-runtime").JSX.Element;
+export declare const xIcon7: import("react/jsx-runtime").JSX.Element;
+export declare const yIcon7: import("react/jsx-runtime").JSX.Element;
+export declare const zIcon7: import("react/jsx-runtime").JSX.Element;
+export declare const xIcon8: import("react/jsx-runtime").JSX.Element;
+export declare const yIcon8: import("react/jsx-runtime").JSX.Element;
+export declare const zIcon8: import("react/jsx-runtime").JSX.Element;
+export declare const xIcon9: import("react/jsx-runtime").JSX.Element;
+export declare const yIcon9: import("react/jsx-runtime").JSX.Element;
+export declare const zIcon9: import("react/jsx-runtime").JSX.Element;
+export declare const xIcon10: import("react/jsx-runtime").JSX.Element;
+export declare const yIcon10: import("react/jsx-runtime").JSX.Element;
+export declare const zIcon10: import("react/jsx-runtime").JSX.Element;
+export declare const xIcon11: import("react/jsx-runtime").JSX.Element;
+export declare const yIcon11: import("react/jsx-runtime").JSX.Element;
+export declare const zIcon11: import("react/jsx-runtime").JSX.Element;
+export declare const xIcon12: import("react/jsx-runtime").JSX.Element;
+export declare const yIcon12: import("react/jsx-runtime").JSX.Element;
+export declare const zIcon12: import("react/jsx-runtime").JSX.Element;