uiconfig-blueprint 0.1.0-dev.1 → 0.1.0-dev.12

package/lib/esm/bpComponents/BPComponent.js

@@ -13,15 +13,28 @@ export const UiConfigRendererContext = createContext(null);
 export class BPComponent extends React.Component {
     constructor(props, context, state) {
         super(props, context);
+        this.keyVersion = 0;
         this._refreshing = false;
         this.state = this.getUpdatedState(state);
+        this.setState = this.setState.bind(this);
     }
     setStatePromise(state) {
         return new Promise(resolve => this.setState(state, resolve));
     }
     getUpdatedState(state) {
-        var _a, _b, _c;
-        return Object.assign(Object.assign({}, state), { hidden: (_a = getOrCall(this.props.config.hidden)) !== null && _a !== void 0 ? _a : false, disabled: (_b = getOrCall(this.props.config.disabled)) !== null && _b !== void 0 ? _b : false, readOnly: (_c = getOrCall(this.props.config.readOnly)) !== null && _c !== void 0 ? _c : false });
+        var _a, _b, _c, _d;
+        const hidden = (_a = getOrCall(this.props.config.hidden)) !== null && _a !== void 0 ? _a : false;
+        const disabled = (_b = getOrCall(this.props.config.disabled)) !== null && _b !== void 0 ? _b : false;
+        const readOnly = (_c = getOrCall(this.props.config.readOnly)) !== null && _c !== void 0 ? _c : false;
+        const baseWidth = (_d = getOrCall(this.props.config.baseWidth)) !== null && _d !== void 0 ? _d : undefined;
+        if (hidden !== state.hidden
+            || disabled !== state.disabled
+            || readOnly !== state.readOnly)
+            this.keyVersion++;
+        return Object.assign(Object.assign({}, state), { hidden,
+            disabled,
+            readOnly,
+            baseWidth });
     }
     refreshConfigState(state) {
         return __awaiter(this, void 0, void 0, function* () {

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

@@ -1 +1 @@
-{"version":3,"file":"BPComponent.js","sourceRoot":"","sources":["../../../src/bpComponents/BPComponent.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAC,aAAa,EAAC,MAAM,OAAO,CAAC;AAG3C,OAAO,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAA;AAiB5C,MAAM,CAAC,MAAM,uBAAuB,GAAG,aAAa,CAAyB,IAAW,CAAC,CAAA;AAEzF,MAAM,OAAgB,WAAgG,SAAQ,KAAK,CAAC,SAAyB;IAIzJ,YAAsB,KAAa,EAAE,OAAoC,EAAE,KAAa;QACpF,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;QA0BlB,gBAAW,GAAG,KAAK,CAAC;QAzBxB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAA;IAE5C,CAAC;IAMD,eAAe,CAAC,KAAa;QACzB,OAAO,IAAI,OAAO,CAAO,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAA;IACtE,CAAC;IAMD,eAAe,CAAC,KAAa;;QACzB,uCACO,KAAK,KACR,MAAM,EAAE,MAAA,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,mCAAI,KAAK,EACpD,QAAQ,EAAE,MAAA,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,mCAAI,KAAK,EACxD,QAAQ,EAAE,MAAA,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,mCAAI,KAAK,IAC3D;IACL,CAAC;IAUK,kBAAkB,CAAC,KAAc;;YACnC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM;gBAAE,OAAO;YAC/B,IAAI,IAAI,CAAC,WAAW;gBAAE,OAAO;YAC7B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAA;YACvB,MAAM,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,CAAA;YAEnD,MAAM,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAA;YAG7B,IAAI,CAAC,WAAW,GAAG,KAAK,CAAA;QAC5B,CAAC;KAAA;IAOD,iBAAiB;;QACb,MAAA,KAAK,CAAC,iBAAiB,oDAAI,CAAC;QAC5B,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,IAAI,CAAA;QAC9B,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,GAAG,CAAC,IAAI,GAAG,KAAK,EAAE,IAAI,GAAG,WAAW,EAAE,KAAK,GAAG,CAAC,EAAE,EAAE;YAE1E,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,CAAA;QACxE,CAAC,CAAA;QAED,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,EAAE,CAAA;IACjC,CAAC;IAED,oBAAoB;;QAEhB,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,SAAS,CAAA;QACnC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,GAAG,SAAS,CAAA;QACvC,MAAA,KAAK,CAAC,oBAAoB,oDAAI,CAAC;IACnC,CAAC;;AAvEM,uBAAW,GAAG,uBAAuB,AAA1B,CAA0B"}
+{"version":3,"file":"BPComponent.js","sourceRoot":"","sources":["../../../src/bpComponents/BPComponent.tsx"],"names":[],"mappings":"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"}

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

@@ -12,7 +12,7 @@ export declare class BPContainerComponent<TState extends BPContainerComponentSta
     protected _unregisterChild(child: UiObjectConfig): void;
     constructor(props: BPComponentProps<void> & PanelActions, context: UiConfigRendererContextType, state: TState);
     getUpdatedState(state: TState): TState & import("./BPComponent").BPComponentState & {
-        children: UiObjectConfig<any, string, any>[];
+        children: any[];
         expanded: boolean;
         label: string;
     };

package/lib/esm/bpComponents/BPContainerComponent.js

@@ -13,7 +13,7 @@ export class BPContainerComponent extends BPLabelledComponent {
     }
     _unregisterChild(child) {
         if (child.parentOnChange !== this._childParentOnChange)
-            child.parentOnChange = undefined;
+            delete child.parentOnChange;
         if (Array.isArray(child.property) &&
             (child.property === this.props.config.property ||
                 (child.property[0] === this.props.config &&
@@ -29,7 +29,17 @@ export class BPContainerComponent extends BPLabelledComponent {
     getUpdatedState(state) {
         var _a;
         const oldChildren = state.children;
-        const newChildren = this.context.methods.getChildren(this.props.config);
+        const newChildren = this.context.methods.getChildren(this.props.config)
+            .flatMap(c => {
+            if (c.type === 'folder' &&
+                c.unwrapContents === true) {
+                const children2 = this.context.methods.getChildren(c);
+                const enabledToggle = children2[0] && this.context.methods.getBinding(children2[0])[1] === 'enabled' ? children2[0] : undefined;
+                enabledToggle && (enabledToggle.hidden = true);
+                return children2;
+            }
+            return c;
+        });
         const removed = oldChildren.filter(c => !newChildren.includes(c));
         const added = newChildren.filter(c => !oldChildren.includes(c));
         removed.forEach(c => this._unregisterChild(c));

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

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

package/lib/esm/bpComponents/BPDropdownInputComponent.js

@@ -2,6 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Button, MenuItem } from "@blueprintjs/core";
 import { BPInputComponent } from "./BPInputComponent";
 import { Select } from "@blueprintjs/select";
+import { cleanLabel } from "../utils";
 const renderDropdownItem = (item, { handleClick, handleFocus, modifiers }) => {
     if (!modifiers.matchesPredicate) {
         return null;
@@ -18,22 +19,26 @@ export class BPDropdownInputComponent extends BPInputComponent {
     }
     getUpdatedState(state) {
         const children = this.context.methods.getChildren(this.props.config);
-        const options = children.map(value => {
+        const options = children.map((value, i) => {
             var _a;
-            const label = this.context.methods.getLabel(value);
+            const label = cleanLabel(this.context.methods.getLabel(value)) || `Option ${i}`;
             return { label, value: (_a = value.value) !== null && _a !== void 0 ? _a : label };
         });
         return super.getUpdatedState(Object.assign(Object.assign({}, state), { options }));
     }
     renderInput() {
         const item = this.state.options.find(o => o.value === this.state.value) || this.state.options[0];
-        return (_jsx(Select, { filterable: false, activeItem: item, disabled: this.state.disabled, popoverProps: {
-                minimal: true
+        return (_jsx(Select, { filterable: false, activeItem: item, disabled: this.state.disabled, fill: true, popoverProps: {
+                minimal: true,
+            }, popoverTargetProps: {
+                style: {
+                    height: "var(--pt-input-height)",
+                }
             }, noResults: _jsx(MenuItem, { disabled: true, text: "No results.", roleStructure: "listoption" }), items: this.state.options, onItemSelect: (item) => {
                 if (this.state.readOnly)
                     return;
                 this.setValue(item.value);
-            }, itemRenderer: renderDropdownItem, children: _jsx(Button, { rightIcon: "double-caret-vertical", small: true, style: { whiteSpace: 'nowrap', textOverflow: "ellipsis" }, children: item.label }) }, this.props.config.uuid));
+            }, itemRenderer: renderDropdownItem, children: _jsx(Button, { rightIcon: "double-caret-vertical", small: true, style: { whiteSpace: 'nowrap', textOverflow: "ellipsis", height: "100%" }, children: item.label }) }, this.props.config.uuid));
     }
 }
 //# sourceMappingURL=BPDropdownInputComponent.js.map

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

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

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

@@ -4,6 +4,7 @@ type StateValue = string | File | null;
 type FileImportType = any;
 export type BPFileComponentState = BPValueComponentState<StateValue> & {
     mode: 'url' | 'file';
+    preview?: string;
 };
 type BPFileComponentExtras = {
     fileLoader?: {
@@ -14,12 +15,14 @@ type BPFileComponentExtras = {
     };
 };
 type BPFileComponentContextType = UiConfigRendererContextType & BPFileComponentExtras;
-export declare class BPFileComponent extends BPValueComponent<FileImportType | null, BPFileComponentState, StateValue> {
+export declare class BPFileComponent<T extends FileImportType = FileImportType, TP = {}> extends BPValueComponent<T | null, BPFileComponentState, StateValue> {
     context: BPFileComponentContextType;
-    props: BPComponentProps<FileImportType | null> & BPFileComponentExtras;
-    constructor(props: BPComponentProps<FileImportType | null> & BPFileComponentExtras, context: BPFileComponentContextType);
-    convertValueToState(val: FileImportType | null, state: BPFileComponentState): BPFileComponentState;
-    convertStateToValue(state: BPFileComponentState): Promise<FileImportType | null>;
+    props: BPComponentProps<T | null> & BPFileComponentExtras & TP;
+    constructor(props: BPComponentProps<T | null> & BPFileComponentExtras & TP, context: BPFileComponentContextType);
+    convertValueToState(_val: T | null, _state: BPFileComponentState): BPFileComponentState;
+    convertStateToValue(state: BPFileComponentState): Promise<T | null>;
+    renderPreviewSlot(): import("react/jsx-runtime").JSX.Element;
+    protected flexBasis: string;
     render(): import("react/jsx-runtime").JSX.Element | null;
 }
 export {};

package/lib/esm/bpComponents/BPFileComponent.js

@@ -14,52 +14,46 @@ import { FormGroupComponent } from "../components/FormGroupComponent";
 export class BPFileComponent extends BPValueComponent {
     constructor(props, context) {
         super(props, context, {
-            mode: 'file',
+            mode: 'url',
             value: null,
             label: 'File'
         });
+        this.flexBasis = "100%";
         if (!context.fileLoader && !props.fileLoader)
             throw new Error('BPFileComponent requires fileLoader to be available in context');
     }
-    convertValueToState(val, state) {
-        var _a;
-        let mode = state.mode;
-        let value = state.value;
-        if (val) {
-            if (val.userData) {
-                if (val.userData.__sourceBlob) {
-                    value = val.userData.__sourceBlob;
-                    mode = 'file';
-                }
-                else if ((_a = val.userData.rootPath) === null || _a === void 0 ? void 0 : _a.length) {
-                    value = val.userData.rootPath;
-                    mode = 'url';
-                }
-            }
-        }
-        return Object.assign(Object.assign({}, state), { mode, value });
+    convertValueToState(_val, _state) {
+        throw new Error('Not Implemented');
     }
     convertStateToValue(state) {
-        var _a, _b;
+        var _a, _b, _c;
         return __awaiter(this, void 0, void 0, function* () {
             const value = state.value;
             let val;
+            const last = (_a = this.context.methods.getRawValue(this.props.config)) !== null && _a !== void 0 ? _a : null;
+            const lastState = this.convertValueToState(last, Object.assign(Object.assign({}, this.state), { value: null }));
             if (value === null) {
                 val = null;
             }
             else if (typeof value === 'string') {
-                val = yield ((_a = this.context.fileLoader) !== null && _a !== void 0 ? _a : this.props.fileLoader).load(value);
+                val = value === lastState.value ? last : yield ((_b = this.context.fileLoader) !== null && _b !== void 0 ? _b : this.props.fileLoader).load(value);
             }
             else {
-                val = yield ((_b = this.context.fileLoader) !== null && _b !== void 0 ? _b : this.props.fileLoader).load({ path: value.name || 'file', file: value });
+                val = value === lastState.value ? last : yield ((_c = this.context.fileLoader) !== null && _c !== void 0 ? _c : this.props.fileLoader).load({ path: value.name || 'file', file: value });
             }
             return val;
         });
     }
+    renderPreviewSlot() {
+        return _jsx("img", { src: "https://threepipe.org/logo.svg", style: { width: "100%", maxHeight: "80px", objectFit: "contain" } });
+    }
     render() {
-        return !this.state.hidden ? (_jsx(FormGroupComponent, { label: this.state.label, flexBasis: "100%", disabled: this.state.disabled, children: _jsx(FileComponent, { state: this.state, onChange: (s) => {
-                    this.updateStateValue(Object.assign(Object.assign({}, this.state), s));
-                } }, this.props.config.uuid) })) : null;
+        var _a;
+        let show = !this.state.hidden;
+        if (show && this.props.config.hideOnEmpty && !this.state.preview && !this.state.value) {
+            show = false;
+        }
+        return show ? (_jsx(FormGroupComponent, { label: this.state.label, disabled: this.state.disabled, flexBasis: (_a = this.state.baseWidth) !== null && _a !== void 0 ? _a : this.flexBasis, children: _jsx(FileComponent, { previewSlot: this.renderPreviewSlot(), state: this.state, onChange: (s) => this.updateStateValue(Object.assign(Object.assign(Object.assign({}, this.state), { preview: undefined }), s)) }, this.props.config.uuid) })) : null;
     }
 }
 //# sourceMappingURL=BPFileComponent.js.map

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

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

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

@@ -1,5 +1,6 @@
-import React, { DOMAttributes } from "react";
+import React, { ChangeEventHandler, DOMAttributes } from "react";
 import { BPComponentProps, UiConfigRendererContextType } from "./BPComponent";
+import { Collapse } from "@blueprintjs/core";
 import { PanelActions } from "@blueprintjs/core/lib/esm/components/panel-stack2/panelTypes";
 import { BPContainerComponent, BPContainerComponentState } from './BPContainerComponent';
 export type BPFolderComponentState = BPContainerComponentState & {};
@@ -11,6 +12,13 @@ export declare const FolderHeadCard: React.FC<React.PropsWithChildren<{
     open: boolean;
     label: string;
     minimal: boolean;
+    level: number;
     disabled?: boolean;
+    enabled?: boolean;
+    onEnabledChange?: ChangeEventHandler<HTMLInputElement>;
     onClick: DOMAttributes<HTMLElement>['onClick'];
 }>>;
+export declare class Collapse2 extends Collapse {
+    private contentsRefHandler2;
+    render(): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+}

package/lib/esm/bpComponents/BPFolderComponent.js

@@ -1,34 +1,77 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Collapse, Icon, Intent } from "@blueprintjs/core";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from "react";
+import { Button, Checkbox, Collapse, Icon, Intent } from "@blueprintjs/core";
 import { ConfigObject } from "../ConfigObject";
 import { safeSetProperty } from 'ts-browser-helpers';
 import { BPContainerComponent } from './BPContainerComponent';
+import classNames from "classnames";
+import { Classes } from "@blueprintjs/core/src/common";
+import { AnimationStates } from "@blueprintjs/core/lib/esm/components/collapse/collapse";
 export class BPFolderComponent extends BPContainerComponent {
     constructor(props, context) {
         super(props, context, { children: [], expanded: false, label: 'Folder' });
     }
     render() {
-        var _a;
+        var _a, _b, _c;
         const setExpanded = (e) => {
             if (e === this.state.expanded)
                 return;
             this.setState(Object.assign(Object.assign({}, this.state), { expanded: e }));
             safeSetProperty(this.props.config, "expanded", e, true);
         };
-        return !this.state.hidden ? (_jsx(FolderHeadCard, { open: this.state.expanded, disabled: this.state.disabled, minimal: ((_a = this.props.level) !== null && _a !== void 0 ? _a : 0) > 0, onClick: () => {
+        const children = this.state.children;
+        const enabledToggle = children[0] && this.context.methods.getBinding(children[0])[1] === 'enabled' ? children[0] : undefined;
+        enabledToggle && (enabledToggle.hidden = true);
+        return !this.state.hidden ? (_jsx(FolderHeadCard, { open: this.state.expanded, disabled: this.state.disabled, level: (_a = this.props.level) !== null && _a !== void 0 ? _a : 0, minimal: ((_b = this.props.level) !== null && _b !== void 0 ? _b : 0) > 0, onClick: () => {
                 if (this.state.readOnly)
                     return;
                 setExpanded(!this.state.expanded);
-            }, label: this.state.label, children: _jsx(Collapse, { isOpen: this.state.expanded, keepChildrenMounted: false, children: _jsx("div", { className: "folder-children", style: { listStyleType: "none", paddingLeft: "0" }, children: this.state.children.map((c, i) => {
-                        var _a;
-                        return _jsx(ConfigObject, Object.assign({}, this.props, { config: c, level: ((_a = this.props.level) !== null && _a !== void 0 ? _a : 0) + 1 }), 'c' + i);
-                    }) }) }) }, this.props.config.uuid)) : null;
+            }, label: this.state.label, enabled: enabledToggle ? this.context.methods.getRawValue(enabledToggle) : undefined, onEnabledChange: (e) => enabledToggle && this.context.methods.setValue(enabledToggle, e.target.checked, {}).then(() => this.setState(this.state)), children: _jsx(Collapse2, { isOpen: this.state.expanded, keepChildrenMounted: true, transitionDuration: 300, children: _jsxs("div", { className: "folder-children", style: { listStyleType: "none", paddingLeft: ((_c = this.props.level) !== null && _c !== void 0 ? _c : 0 > 2) ? "6px" : 0 }, children: [" ", children.map((c, i) => {
+                            var _a;
+                            return _jsx(ConfigObject, Object.assign({}, this.props, { config: c, level: ((_a = this.props.level) !== null && _a !== void 0 ? _a : 0) + 1 }), 'c' + i);
+                        })] }) }) }, this.props.config.uuid)) : null;
     }
 }
 export const FolderHeadCard = (props) => {
-    return (_jsxs("div", { className: "folder-card", children: [_jsx("div", { className: props.minimal ? 'folder-head-card-minimal' : 'folder-head-card', children: _jsx(Button, { className: "folder-trigger-button", fill: !props.minimal, onClick: props.onClick, minimal: true, disabled: props.disabled, small: props.minimal, style: props.minimal ? {} : { fontSize: "0.95rem", paddingTop: "8px", paddingBottom: "8px" }, intent: props.open ? Intent.PRIMARY : Intent.NONE, rightIcon: (_jsx(Icon, { icon: "chevron-right", style: {
-                            rotate: props.open ? "90deg" : "0deg",
-                            transition: "rotate 0.25s ease-in-out"
-                        } })), children: props.label }) }), props.children] }));
+    const hasEnabled = (props.enabled !== undefined);
+    return (_jsxs("div", { className: "folder-card", children: [_jsxs("div", { className: props.minimal ? 'folder-head-card-minimal' : 'folder-head-card', children: [_jsx(Button, { className: "folder-trigger-button " + (props.open ? "folder-trigger-button-expanded" : ""), fill: true, onClick: props.onClick, minimal: true, disabled: props.disabled, small: props.minimal, style: props.level ? { marginLeft: "6px" } : { fontSize: "0.95rem", paddingTop: "8px", paddingBottom: "8px" }, intent: Intent.NONE, icon: (_jsx(_Fragment, { children: _jsx(Icon, { icon: "caret-right", style: {
+                                    rotate: props.open ? "90deg" : "0deg",
+                                    transition: "rotate 0.25s ease-in-out"
+                                } }) })), children: props.label }), hasEnabled && _jsx(Checkbox, { style: { margin: 0, position: 'absolute', left: '10px' }, large: true, inline: true, defaultChecked: props.enabled, onChange: props.onEnabledChange, disabled: props.disabled, onClick: (e) => e.stopPropagation() })] }), props.children] }));
 };
+export class Collapse2 extends Collapse {
+    constructor() {
+        super(...arguments);
+        this.contentsRefHandler2 = (el) => {
+            this.contents = el;
+            if (this.contents != null) {
+                const height = this.contents.clientHeight;
+                this.setState({
+                    animationState: this.props.isOpen ? AnimationStates.OPEN : AnimationStates.CLOSED,
+                    height: height === 0 ? undefined : `${height}px`,
+                    heightWhenOpen: height === 0 ? undefined : height,
+                });
+            }
+        };
+    }
+    render() {
+        const isContentVisible = this.state.animationState !== AnimationStates.CLOSED;
+        const shouldRenderChildren = isContentVisible || this.props.keepChildrenMounted;
+        const isAutoHeight = this.state.height === "auto";
+        const containerStyle = {
+            height: isContentVisible ? this.state.height : undefined,
+            overflowY: isAutoHeight ? "visible" : undefined,
+            transition: isAutoHeight ? "none" : undefined,
+        };
+        const contentsStyle = {
+            display: "block",
+            visibility: isContentVisible ? "visible" : "hidden",
+            opacity: this.state.animationState === AnimationStates.CLOSING || this.state.animationState === AnimationStates.CLOSED ? 0.1 : 1,
+        };
+        return React.createElement(this.props.component, {
+            className: classNames(Classes.COLLAPSE, this.props.className),
+            style: containerStyle,
+        }, _jsx("div", { className: Classes.COLLAPSE_BODY, ref: this.contentsRefHandler2, style: contentsStyle, "aria-hidden": !isContentVisible, children: shouldRenderChildren ? this.props.children : null }));
+    }
+}
 //# sourceMappingURL=BPFolderComponent.js.map

package/lib/esm/bpComponents/BPFolderComponent.js.map

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

package/lib/esm/bpComponents/BPInputComponent.d.ts

@@ -1,7 +1,8 @@
 import { BPValueComponent, BPValueComponentState } from "./BPValueComponent";
 import { BPComponentProps, UiConfigRendererContextType } from "./BPComponent";
 import { ReactNode } from "react";
-export declare abstract class BPInputComponent<TStateValue, TState extends BPValueComponentState<TStateValue> = BPValueComponentState<TStateValue>> extends BPValueComponent<TStateValue, TState, TStateValue> {
+import { PrimitiveVal } from "uiconfig.js";
+export declare abstract class BPInputComponent<TStateValue extends PrimitiveVal, TState extends BPValueComponentState<TStateValue> = BPValueComponentState<TStateValue>> extends BPValueComponent<TStateValue, TState, TStateValue> {
     protected constructor(props: BPComponentProps<TStateValue>, context: UiConfigRendererContextType, state: TState);
     convertValueToState(value: TStateValue, state: TState): TState;
     convertStateToValue(state: TState): Promise<TStateValue>;

package/lib/esm/bpComponents/BPInputComponent.js

@@ -24,7 +24,8 @@ export class BPInputComponent extends BPValueComponent {
         });
     }
     render() {
-        return !this.state.hidden ? (_jsx(FormGroupComponent, { disabled: this.state.disabled, label: this.state.label, flexBasis: this.flexBasis, children: this.renderInput() })) : null;
+        var _a;
+        return !this.state.hidden ? (_jsx(FormGroupComponent, { disabled: this.state.disabled, label: this.state.label, flexBasis: (_a = this.state.baseWidth) !== null && _a !== void 0 ? _a : this.flexBasis, children: this.renderInput() })) : null;
     }
 }
 //# sourceMappingURL=BPInputComponent.js.map

package/lib/esm/bpComponents/BPInputComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"BPInputComponent.js","sourceRoot":"","sources":["../../../src/bpComponents/BPInputComponent.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,EAAC,gBAAgB,EAAwB,MAAM,oBAAoB,CAAC;AAG3E,OAAO,EAAC,kBAAkB,EAAC,MAAM,kCAAkC,CAAC;AAEpE,MAAM,OAAgB,gBAElB,SAAQ,gBAAkD;IAE1D,YAAsB,KAAoC,EAAE,OAAoC,EAAE,KAAa;QAC3G,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;QAavB,cAAS,GAAG,MAAM,CAAA;IAZ5B,CAAC;IAED,mBAAmB,CAAC,KAAkB,EAAE,KAAa;QACjD,uCAAW,KAAK,KAAE,KAAK,IAAC;IAC5B,CAAC;IAEK,mBAAmB,CAAC,KAAa;;YACnC,OAAO,KAAK,CAAC,KAAK,CAAC;QACvB,CAAC;KAAA;IAMD,MAAM;QACF,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CACxB,KAAC,kBAAkB,IAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,YAChG,IAAI,CAAC,WAAW,EAAE,GACF,CACxB,CAAC,CAAC,CAAC,IAAI,CAAA;IACZ,CAAC;CACJ"}
+{"version":3,"file":"BPInputComponent.js","sourceRoot":"","sources":["../../../src/bpComponents/BPInputComponent.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,EAAC,gBAAgB,EAAwB,MAAM,oBAAoB,CAAC;AAG3E,OAAO,EAAC,kBAAkB,EAAC,MAAM,kCAAkC,CAAC;AAGpE,MAAM,OAAgB,gBAElB,SAAQ,gBAAkD;IAE1D,YAAsB,KAAoC,EAAE,OAAoC,EAAE,KAAa;QAC3G,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;QAavB,cAAS,GAAG,MAAM,CAAA;IAZ5B,CAAC;IAED,mBAAmB,CAAC,KAAkB,EAAE,KAAa;QACjD,uCAAW,KAAK,KAAE,KAAK,IAAC;IAC5B,CAAC;IAEK,mBAAmB,CAAC,KAAa;;YACnC,OAAO,KAAK,CAAC,KAAK,CAAC;QACvB,CAAC;KAAA;IAMD,MAAM;;QACF,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CACxB,KAAC,kBAAkB,IAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,SAAS,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,mCAAI,IAAI,CAAC,SAAS,YAEhE,IAAI,CAAC,WAAW,EAAE,GACF,CACxB,CAAC,CAAC,CAAC,IAAI,CAAA;IACZ,CAAC;CACJ"}

package/lib/esm/bpComponents/BPLabelledComponent.js

@@ -1,10 +1,11 @@
 import { BPComponent } from "./BPComponent";
+import { cleanLabel } from "../utils";
 export class BPLabelledComponent extends BPComponent {
     constructor(props, context, state) {
         super(props, context, Object.assign({ label: 'Input' }, state));
     }
     getUpdatedState(state) {
-        return super.getUpdatedState(Object.assign(Object.assign({}, state), { label: this.context.methods.getLabel(this.props.config) || state.label }));
+        return super.getUpdatedState(Object.assign(Object.assign({}, state), { label: cleanLabel(this.context.methods.getLabel(this.props.config)) || state.label }));
     }
 }
 //# sourceMappingURL=BPLabelledComponent.js.map

package/lib/esm/bpComponents/BPLabelledComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"BPLabelledComponent.js","sourceRoot":"","sources":["../../../src/bpComponents/BPLabelledComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAkE,MAAM,eAAe,CAAC;AAK3G,MAAM,OAAgB,mBAAwG,SAAQ,WAA4D;IAE9L,YAAsB,KAAa,EAAE,OAAoC,EAAE,KAAa;QACpF,KAAK,CAAC,KAAK,EAAE,OAAO,kBAAG,KAAK,EAAE,OAAO,IAAK,KAAK,EAAE,CAAC;IACtD,CAAC;IAED,eAAe,CAAC,KAAwC;QACpD,OAAO,KAAK,CAAC,eAAe,iCACrB,KAAK,KACR,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,KAAK,IACxE,CAAA;IACN,CAAC;CAEJ"}
+{"version":3,"file":"BPLabelledComponent.js","sourceRoot":"","sources":["../../../src/bpComponents/BPLabelledComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAkE,MAAM,eAAe,CAAC;AAC3G,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAC;AAKpC,MAAM,OAAgB,mBAAwG,SAAQ,WAA4D;IAE9L,YAAsB,KAAa,EAAE,OAAoC,EAAE,KAAa;QACpF,KAAK,CAAC,KAAK,EAAE,OAAO,kBAAG,KAAK,EAAE,OAAO,IAAK,KAAK,EAAE,CAAC;IACtD,CAAC;IAED,eAAe,CAAC,KAAwC;QACpD,OAAO,KAAK,CAAC,eAAe,iCACrB,KAAK,KACR,KAAK,EAAE,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,CAAC,KAAK,IACpF,CAAA;IACN,CAAC;CACJ"}

package/lib/esm/bpComponents/BPNumberInputComponent.d.ts

@@ -1,7 +1,9 @@
 import { BPComponentProps, UiConfigRendererContextType } from "./BPComponent";
 import { BPInputComponent } from "./BPInputComponent";
 import { BPValueComponentState } from "./BPValueComponent";
-export declare class BPNumberInputComponent extends BPInputComponent<number> {
+export declare class BPNumberInputComponent extends BPInputComponent<number, BPValueComponentState<number> & {
+    unit?: string;
+}> {
     constructor(props: BPComponentProps<number>, context: UiConfigRendererContextType);
     private _inputs;
     refreshConfigState(state?: BPValueComponentState<number>): Promise<void>;

package/lib/esm/bpComponents/BPNumberInputComponent.js

@@ -11,6 +11,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
 import { BPInputComponent } from "./BPInputComponent";
 import { ExtendedNumericInput } from "../components/ExtendedNumericInput";
+import { getNumberTransformFunctions } from "./GetNumberTransformFunctions";
 export class BPNumberInputComponent extends BPInputComponent {
     constructor(props, context) {
         super(props, context, { value: 0, label: 'Number' });
@@ -30,7 +31,11 @@ export class BPNumberInputComponent extends BPInputComponent {
         });
     }
     renderInput() {
-        return (_jsx(ExtendedNumericInput, { className: "numericInput", disabled: this.state.disabled, readOnly: this.state.readOnly, defaultValue: this.state.value, ref: this._inputs[0], onChange2: this._onChange, fill: false }, this.props.config.uuid));
+        const unit = this.props.config.unit;
+        const unitType = this.props.config.unitType;
+        const targetUnit = this.state.unit || unit;
+        const { transformValue, invTransformValue } = getNumberTransformFunctions(unit, unitType, targetUnit);
+        return (_jsx(ExtendedNumericInput, { className: "numericInput", disabled: this.state.disabled, readOnly: this.state.readOnly, defaultValue: this.state.value, fill: true, ref: this._inputs[0], onChange2: this._onChange, transformValue: transformValue, invTransformValue: invTransformValue }, this.props.config.uuid));
     }
 }
 //# sourceMappingURL=BPNumberInputComponent.js.map

package/lib/esm/bpComponents/BPNumberInputComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"BPNumberInputComponent.js","sourceRoot":"","sources":["../../../src/bpComponents/BPNumberInputComponent.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAC,oBAAoB,EAAC,MAAM,oCAAoC,CAAC;AAGxE,MAAM,OAAO,sBAAuB,SAAQ,gBAAwB;IAChE,YAAY,KAA+B,EAAE,OAAoC;QAC7E,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,EAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAC,CAAC,CAAC;QAG/C,YAAO,GAAG,CAAC,KAAK,CAAC,SAAS,EAAwB,CAAC,CAAA;QAOnD,cAAS,GAAG,CAAC,CAAS,EAAE,IAAc,EAAE,EAAE;YAC9C,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;QAC3B,CAAC,CAAA;IAXD,CAAC;IAIK,kBAAkB,CAAC,KAAqC;;;;;;YAC1D,MAAM,OAAM,kBAAkB,YAAC,KAAK,CAAC,CAAC;YACtC,MAAM,CAAA,MAAA,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,0CAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA,CAAA;;KAC5D;IAMD,WAAW;QACP,OAAO,CACH,KAAC,oBAAoB,IACjB,SAAS,EAAC,cAAc,EACxB,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAC9B,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAEpB,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,EAAE,KAAK,IADjC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CACc,CAChD,CAAA;IACL,CAAC;CACJ"}
+{"version":3,"file":"BPNumberInputComponent.js","sourceRoot":"","sources":["../../../src/bpComponents/BPNumberInputComponent.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAC,oBAAoB,EAAC,MAAM,oCAAoC,CAAC;AAExE,OAAO,EAAC,2BAA2B,EAAC,MAAM,+BAA+B,CAAC;AAE1E,MAAM,OAAO,sBAAuB,SAAQ,gBAAuE;IAC/G,YAAY,KAA+B,EAAE,OAAoC;QAC7E,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,EAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAC,CAAC,CAAC;QAG/C,YAAO,GAAG,CAAC,KAAK,CAAC,SAAS,EAAwB,CAAC,CAAA;QAOnD,cAAS,GAAG,CAAC,CAAS,EAAE,IAAc,EAAE,EAAE;YAC9C,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;QAC3B,CAAC,CAAA;IAXD,CAAC;IAIK,kBAAkB,CAAC,KAAqC;;;;;;YAC1D,MAAM,OAAM,kBAAkB,YAAC,KAAK,CAAC,CAAC;YACtC,MAAM,CAAA,MAAA,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,0CAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA,CAAA;;KAC5D;IAMD,WAAW;QAEP,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAwB,CAAC;QACxD,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAA4B,CAAC;QAChE,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,IAAI,CAAA;QAC1C,MAAM,EAAC,cAAc,EAAE,iBAAiB,EAAC,GAAG,2BAA2B,CAAC,IAAI,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC;QAEpG,OAAO,CACH,KAAC,oBAAoB,IACjB,SAAS,EAAC,cAAc,EACxB,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAC9B,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAEpB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,cAAc,EAAE,cAAc,EAC9B,iBAAiB,EAAE,iBAAiB,IAH/B,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAI7B,CACL,CAAA;IACL,CAAC;CACJ"}

package/lib/esm/bpComponents/BPPanelComponent.js

@@ -25,7 +25,7 @@ export class BPPanelComponent extends BPContainerComponent {
         super.componentWillUnmount();
     }
     render() {
-        return !this.state.hidden ? (_jsx("div", { className: "folder-children", style: { listStyleType: "none", paddingLeft: "0" }, children: this.state.children.map((c, i) => _jsx(ConfigObject, Object.assign({}, this.props, { config: c }), 'c' + i)) }, this.props.config.uuid)) : null;
+        return !this.state.hidden ? (_jsx("div", { className: "folder-children", style: { listStyleType: "none", paddingLeft: "0" }, children: this.state.children.map((c, i) => c ? _jsx(ConfigObject, Object.assign({}, this.props, { config: c }), 'c' + i) : null) }, this.props.config.uuid)) : null;
     }
 }
 //# sourceMappingURL=BPPanelComponent.js.map

package/lib/esm/bpComponents/BPPanelComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"BPPanelComponent.js","sourceRoot":"","sources":["../../../src/bpComponents/BPPanelComponent.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAI7C,OAAO,EAAC,eAAe,EAAC,MAAM,oBAAoB,CAAA;AAClD,OAAO,EAAC,oBAAoB,EAAC,MAAM,wBAAwB,CAAA;AAO3D,MAAM,OAAO,gBAAiB,SAAQ,oBAA2C;IAC7E,YAAY,KAA0C,EAAE,OAAoC;QACxF,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE;YAClB,QAAQ,EAAE,EAAE;YACZ,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,OAAO;SACjB,CAAC,CAAC;QAGP,gBAAW,GAAG,CAAC,CAAU,EAAE,EAAE;YACzB,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,QAAQ;gBAAE,OAAM;YACrC,IAAI,CAAC,QAAQ,iCAAK,IAAI,CAAC,KAAK,KAAE,QAAQ,EAAE,CAAC,IAAE,CAAA;YAC3C,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,EAAE,IAAI,CAAC,CAAA;QAE3D,CAAC,CAAA;IAPD,CAAC;IASD,iBAAiB;QACb,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;IAC1B,CAAC;IAED,oBAAoB;QAChB,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;QACvB,KAAK,CAAC,oBAAoB,EAAE,CAAC;IACjC,CAAC;IAED,MAAM;QACF,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CACxB,cAEI,SAAS,EAAC,iBAAiB,EAAC,KAAK,EAAE,EAAC,aAAa,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,EAAC,YAC3E,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,KAAC,YAAY,oBAAmB,IAAI,CAAC,KAAK,IAAE,MAAM,EAAE,CAAC,KAAlC,GAAG,GAAG,CAAC,CAA8B,CAAC,IAFvF,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAGzB,CACT,CAAC,CAAC,CAAC,IAAI,CAAA;IACZ,CAAC;CACJ"}
+{"version":3,"file":"BPPanelComponent.js","sourceRoot":"","sources":["../../../src/bpComponents/BPPanelComponent.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAI7C,OAAO,EAAC,eAAe,EAAC,MAAM,oBAAoB,CAAA;AAClD,OAAO,EAAC,oBAAoB,EAAC,MAAM,wBAAwB,CAAA;AAO3D,MAAM,OAAO,gBAAiB,SAAQ,oBAA2C;IAC7E,YAAY,KAA0C,EAAE,OAAoC;QACxF,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE;YAClB,QAAQ,EAAE,EAAE;YACZ,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,OAAO;SACjB,CAAC,CAAC;QAGP,gBAAW,GAAG,CAAC,CAAU,EAAE,EAAE;YACzB,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,QAAQ;gBAAE,OAAM;YACrC,IAAI,CAAC,QAAQ,iCAAK,IAAI,CAAC,KAAK,KAAE,QAAQ,EAAE,CAAC,IAAE,CAAA;YAC3C,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,EAAE,IAAI,CAAC,CAAA;QAE3D,CAAC,CAAA;IAPD,CAAC;IASD,iBAAiB;QACb,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;IAC1B,CAAC;IAED,oBAAoB;QAChB,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;QACvB,KAAK,CAAC,oBAAoB,EAAE,CAAC;IACjC,CAAC;IAED,MAAM;QACF,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CACxB,cAEI,SAAS,EAAC,iBAAiB,EAAC,KAAK,EAAE,EAAC,aAAa,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,EAAC,YAC3E,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,KAAC,YAAY,oBAAmB,IAAI,CAAC,KAAK,IAAE,MAAM,EAAE,CAAC,KAAlC,GAAG,GAAG,CAAC,CAA8B,CAAC,CAAC,CAAC,IAAI,CAAC,IAFlG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAGzB,CACT,CAAC,CAAC,CAAC,IAAI,CAAA;IACZ,CAAC;CACJ"}

package/lib/esm/bpComponents/BPSliderInputComponent.d.ts

@@ -5,6 +5,7 @@ export type BPSliderComponentState = BPValueComponentState<number> & {
     min: number;
     max: number;
     step: number;
+    unit?: string;
 };
 export declare class BPSliderInputComponent extends BPInputComponent<number, BPSliderComponentState> {
     constructor(props: BPComponentProps<number>, context: UiConfigRendererContextType);

package/lib/esm/bpComponents/BPSliderInputComponent.js

@@ -1,7 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { NumericInput, Slider } from "@blueprintjs/core";
+import { Slider } from "@blueprintjs/core";
 import { BPInputComponent } from "./BPInputComponent";
 import { getOrCall } from "ts-browser-helpers";
+import { ExtendedNumericInput } from "../components/ExtendedNumericInput";
+import { getNumberTransformFunctions } from "./GetNumberTransformFunctions";
 export class BPSliderInputComponent extends BPInputComponent {
     constructor(props, context) {
         super(props, context, {
@@ -22,15 +24,25 @@ export class BPSliderInputComponent extends BPInputComponent {
         return super.getUpdatedState(Object.assign(Object.assign({}, state), { min, max, step }));
     }
     renderInput() {
-        return [(_jsx(Slider, { value: Math.min(this.state.max, Math.max(this.state.min, this.state.value)), disabled: this.state.disabled, min: this.state.min, max: this.state.max, stepSize: this.state.step, labelRenderer: false, onChange: (v) => {
+        const unit = this.props.config.unit;
+        const unitType = this.props.config.unitType;
+        const targetUnit = this.state.unit || unit;
+        const { transformValue, invTransformValue } = getNumberTransformFunctions(unit, unitType, targetUnit);
+        const invTransformValue_ = invTransformValue || ((v) => v);
+        const transformValue_ = transformValue || ((v) => v);
+        return [(_jsx(ExtendedNumericInput, { style: { maxWidth: "4rem", minWidth: "3rem" }, disabled: this.state.disabled, readOnly: this.state.readOnly, value: Math.min(this.state.max, Math.max(this.state.min, this.state.value)), min: this.state.min, max: this.state.max, stepSize: this.state.step, minorStepSize: this.state.step / 10, majorStepSize: this.state.step * 10, buttonPosition: "none", draggableIcon: false, transformValue: transformValue, invTransformValue: invTransformValue, onChange2: (v, last) => {
                     if (this.state.readOnly)
                         return;
-                    this.setValue(v);
-                } }, this.props.config.uuid + '_slider')), (_jsx(NumericInput, { style: { maxWidth: "4rem", minWidth: "3rem" }, disabled: this.state.disabled, value: Math.min(this.state.max, Math.max(this.state.min, this.state.value)), min: this.state.min, max: this.state.max, stepSize: this.state.step, minorStepSize: this.state.step / 10, majorStepSize: this.state.step * 10, buttonPosition: "none", onValueChange: (v) => {
+                    this.setValue(v, last);
+                } }, this.props.config.uuid + '_input')), (_jsx(Slider, { value: invTransformValue_(Math.min(this.state.max, Math.max(this.state.min, this.state.value))), disabled: this.state.disabled, min: invTransformValue_(this.state.min), max: invTransformValue_(this.state.max), stepSize: invTransformValue_(this.state.step), labelRenderer: false, onChange: (v) => {
                     if (this.state.readOnly)
                         return;
-                    this.setValue(v);
-                } }, this.props.config.uuid + '_input'))
+                    this.setValue(transformValue_(v), false);
+                }, onRelease: (v) => {
+                    if (this.state.readOnly)
+                        return;
+                    this.setValue(transformValue_(v), true);
+                } }, this.props.config.uuid + '_slider')),
         ];
     }
 }