uiconfig-blueprint 0.1.0-dev.3 → 0.1.0-dev.5

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

@@ -1 +1 @@
-{"version":3,"file":"FileComponent.js","sourceRoot":"","sources":["../../../src/components/FileComponent.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FileComponent.js","sourceRoot":"","sources":["../../../src/components/FileComponent.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAC,SAAS,EAAE,MAAM,EAAC,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAC,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAE1F,OAAO,EAAC,kBAAkB,EAAC,MAAM,gBAAgB,CAAA;AAQjD,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAC,EAAC,EAAE;;IACzF,MAAM,YAAY,GAAG,MAAM,EAAoB,CAAA;IAC/C,MAAM,YAAY,GAAG,MAAM,EAAoB,CAAA;IAE/C,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,WAAW,GAAG,YAAY,CAAC,OAAO,CAAC;QACzC,MAAM,WAAW,GAAG,YAAY,CAAC,OAAO,CAAC;QACzC,MAAM,GAAG,GAAG,KAAK,CAAC,KAAK,CAAA;QACvB,IAAG,CAAC,GAAG,EAAE,CAAC;YACN,WAAW,IAAI,CAAC,WAAW,CAAC,KAAK,GAAG,EAAE,CAAC,CAAA;YACvC,WAAW,IAAI,CAAC,WAAW,CAAC,KAAK,GAAG,EAAE,CAAC,CAAA;YACvC,OAAM;QACV,CAAC;QACD,IAAG,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;YACzB,WAAW,IAAI,CAAC,WAAW,CAAC,KAAK,GAAG,GAAG,CAAC,CAAA;YACxC,OAAM;QACV,CAAC;QACD,IAAG,CAAC,WAAW;YAAE,OAAO;QAExB,MAAM,YAAY,GAAG,IAAI,YAAY,EAAE,CAAC;QACxC,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,YAAY,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,GAAG,CAAC,EAAG,GAAW,CAAC,IAAI,IAAE,CAAC,MAAM,GAAC,CAAE,GAAW,CAAC,GAAG,CAAA,CAAC,CAAA,GAAG,GAAE,GAAW,CAAC,GAAG,CAAA,CAAC,CAAA,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QAC5I,WAAY,CAAC,KAAK,GAAG,YAAY,CAAC,KAAK,CAAA;IAC3C,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAOlB,MAAM,EAAC,YAAY,EAAE,aAAa,EAAC,GAAG,kBAAkB,EAAE,CAAA;IAE1D,OAAO,CACH,eAAK,KAAK,EAAE,EAAC,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAC,aACtG,CAAC,CAAC,KAAK,CAAC,OAAO,IAAI,CAChB,8BACK,WAAW,EACZ,KAAC,MAAM,IAAC,IAAI,EAAC,aAAa,EAClB,OAAO,EAAE,KAAK,EACd,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,MAAM,EAAE,QAAQ,EAChB,KAAK,EAAE,EAAC,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAC,EAC7D,OAAO,EAAE,YAAY,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC,CAAC,GAAW,IACzE,CACN,EACA,CAAC,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,MAAC,YAAY,IAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,EAAC,KAAK,EAAE,MAAM,EAAC,aAClG,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAC,UAAU,IAAC,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EACpD,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,SAAS,EAAE,uBAAuB,EAClC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;4BAC/E,QAAQ,CAAC,EAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,KAAuB,EAAC,CAAC,CAAA;wBACtD,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,EACX,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,CACpB,KAAC,UAAU,IAAC,KAAK,EAAE,EAAC,QAAQ,EAAE,GAAG,EAAE,UAAU,EAAE,GAAG,EAAC,EAAE,QAAQ,EAAE,YAAmB,EAAE,IAAI,EAAC,KAAK,EAClF,YAAY,EAAE,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAChE,YAAY,EAAE,CACV,KAAC,MAAM,IAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAC,aAAa,EAAC,OAAO,EAAE,GAAG,EAAE;;gCAC9E,QAAQ,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAA,MAAA,YAAY,CAAC,OAAO,0CAAE,KAAK,mCAAI,EAAE,EAAC,CAAC,CAAA;4BACrE,CAAC,GAAW,CACf,EACD,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAClD,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;wBAChB,CAAC,EAAE,WAAW,EAAC,8BAA8B,GAAE,CAC9D,CAAC,CAAC,CAAC,CACA,KAAC,SAAS,IAAC,UAAU,EAAE,EAAC,GAAG,EAAE,YAAmB,EAAC,EACtC,KAAK,EAAE,EAAC,QAAQ,EAAE,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAC,EACzD,IAAI,EAAE,CAAA,MAAC,KAAK,CAAC,KAAc,0CAAE,IAAI,KAAI,SAAS,EAC9C,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;4BACX,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;gCACjB,CAAC,CAAC,cAAc,EAAE,CAAA;gCAClB,CAAC,CAAC,eAAe,EAAE,CAAA;4BACvB,CAAC;wBACL,CAAC,EACD,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,EACpE,QAAQ,EAAE,GAAG,EAAE;;4BACX,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAA,MAAA,MAAA,YAAY,CAAC,OAAO,0CAAE,KAAK,0CAAG,CAAC,CAAC,mCAAI,IAAI,EAAC,CAAC,CAAA;wBAC7E,CAAC,EAAE,SAAS,EAAC,gBAAgB,GAAE,CAC7C,EACA,CAAC,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,KAAK,IAAI,CAC/B,KAAC,MAAM,IAAC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAC,aAAa,EACjC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,OAAO,EAAE,YAAY,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC,CAAC,GAC1C,CACtB,IACU,IACb,CACT,CAAA;AACL,CAAC,CAAA"}

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

@@ -2,3 +2,7 @@ export declare function useLoadingState(): {
     loadingState: Record<string, boolean>;
     updateLoading: (key: string, promise?: void | Promise<any> | undefined) => Promise<void>;
 };
+export declare function useLoadingStateKey(): {
+    loadingState: boolean;
+    updateLoading: (promise?: void | Promise<any> | undefined) => Promise<void>;
+};

package/lib/esm/components/loadingState.js

@@ -18,4 +18,14 @@ export function useLoadingState() {
     }), [loadingState]);
     return { loadingState, updateLoading };
 }
+export function useLoadingStateKey() {
+    const [loadingState, setLoadingState] = useState(false);
+    const updateLoading = useCallback((promise) => __awaiter(this, void 0, void 0, function* () {
+        if (!promise || promise.then === undefined)
+            return setLoadingState(false);
+        setLoadingState(true);
+        yield promise.then(() => setLoadingState(false));
+    }), [loadingState]);
+    return { loadingState, updateLoading };
+}
 //# sourceMappingURL=loadingState.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"loadingState.js","sourceRoot":"","sources":["../../../src/components/loadingState.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAC,WAAW,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAA;AAE3C,MAAM,UAAU,eAAe;IAC3B,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAA0B,EAAE,CAAC,CAAA;IAC7E,MAAM,aAAa,GAAG,WAAW,CAAC,CAAO,GAAW,EAAE,OAA2B,EAAE,EAAE;QACjF,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,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,eAAe,iCAAK,YAAY,KAAE,CAAC,GAAG,CAAC,EAAE,KAAK,IAAE,CAAC,CAAA;IAC9E,CAAC,CAAA,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAClB,OAAO,EAAC,YAAY,EAAE,aAAa,EAAC,CAAA;AACxC,CAAC"}
+{"version":3,"file":"loadingState.js","sourceRoot":"","sources":["../../../src/components/loadingState.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAC,WAAW,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAA;AAE3C,MAAM,UAAU,eAAe;IAC3B,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAA0B,EAAE,CAAC,CAAA;IAC7E,MAAM,aAAa,GAAG,WAAW,CAAC,CAAO,GAAW,EAAE,OAA2B,EAAE,EAAE;QACjF,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,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,eAAe,iCAAK,YAAY,KAAE,CAAC,GAAG,CAAC,EAAE,KAAK,IAAE,CAAC,CAAA;IAC9E,CAAC,CAAA,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAClB,OAAO,EAAC,YAAY,EAAE,aAAa,EAAC,CAAA;AACxC,CAAC;AACD,MAAM,UAAU,kBAAkB;IAC9B,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAA;IAChE,MAAM,aAAa,GAAG,WAAW,CAAC,CAAO,OAA2B,EAAE,EAAE;QACpE,IAAG,CAAC,OAAO,IAAI,OAAO,CAAC,IAAI,KAAK,SAAS;YAAE,OAAO,eAAe,CAAC,KAAK,CAAC,CAAA;QACxE,eAAe,CAAC,IAAI,CAAC,CAAA;QACrB,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAA;IACpD,CAAC,CAAA,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAClB,OAAO,EAAC,YAAY,EAAE,aAAa,EAAC,CAAA;AACxC,CAAC"}

package/package.json

@@ -1,10 +1,12 @@
 {
   "name": "uiconfig-blueprint",
   "name:umd": "bpui",
-  "version": "0.1.0-dev.3",
+  "version": "0.1.0-dev.5",
   "description": "Blueprint.js wrapper and custom components for web controls UI. To be used with uiconfig.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
+  "browser": "dist/index.js",
+  "types": "dist/index.d.ts",
   "source": "src/index.ts",
   "sideEffects": false,
   "files": [
@@ -35,21 +37,21 @@
   },
   "homepage": "https://github.com/repalash/uiconfig-blueprint#readme",
   "dependencies": {
-    "ts-browser-helpers": "^0.11.0",
-    "uiconfig.js": "0.0.11",
-    "@blueprintjs/icons": "^5.5.0",
-    "@blueprintjs/select": "^5.0.20",
-    "blueprint-styler": "^5.0.2"
+    "ts-browser-helpers": "^0.16.2",
+    "uiconfig.js": "^0.1.2",
+    "@blueprintjs/icons": "^5.11.0",
+    "@blueprintjs/select": "^5.2.2",
+    "blueprint-styler": "^5.0.2",
+    "react-colorful": "^5.6.1"
   },
   "peerDependencies": {
-    "@blueprintjs/core": "^5.7.2",
+    "@blueprintjs/core": "^5.11.0",
     "@types/three": "^0.152.1",
     "@types/webxr": "^0.5.10",
     "@types/react": "^18.0.28",
     "@types/react-dom": "^18.0.11",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-colorful": "^5.6.1"
+    "react-dom": "^18.2.0"
   },
   "peerDependenciesMeta": {
     "@blueprintjs/core": {
@@ -72,14 +74,11 @@
     },
     "react-dom": {
       "optional": true
-    },
-    "react-colorful": {
-      "optional": true
     }
   },
   "//": {
     "devDependencies": {
-      "uiconfig.js": "^0.0.9"
+      "uiconfig.js": "^0.0.12"
     },
     "local_dependencies": {
       "uiconfig.js": "file:./../uiconfig/"
@@ -92,7 +91,5 @@
   "browserslist": [
     "defaults"
   ],
-  "type": "module",
-  "browser": "dist/index.js",
-  "types": "dist/index.d.ts"
+  "type": "module"
 }

package/src/ConfigObject.tsx

@@ -13,7 +13,6 @@ import {BPPanelComponent} from "./bpComponents/BPPanelComponent";
 import {BPTreeFolderComponent} from "./bpComponents/BPTreeFolderComponent";
 import {UiObjectConfig} from 'uiconfig.js'
 import {BPColorInputComponent} from './bpComponents/BPColorInputComponent'
-import {BPFileComponent} from "./bpComponents/BPFileComponent";
 import {BPVectorInputComponent} from './bpComponents/BPVectorInputComponent'
 // import {BPVectorInputComponent} from "./bpComponents/BPVectorInputComponent";
 // import {BPFileComponent} from "./bpComponents/BPFileComponent";
@@ -44,7 +43,7 @@ export const ConfigObjectGenerators: PartialRecord<UiConfigTypes, Class<React.Co
     slider: BPSliderInputComponent,
     tree: BPTreeFolderComponent,
     color: BPColorInputComponent,
-    image: BPFileComponent,
+    // image: BPFileComponent,
     vec: BPVectorInputComponent,
     vec2: BPVectorInputComponent,
     vec3: BPVectorInputComponent,
@@ -58,10 +57,10 @@ export class ConfigObject extends React.Component<ConfigProps, {}> {
     state = {}
 
     render() {
+        if (!this.props.config || !this.props.config.type) return (<div key={this.props.config.uuid}></div>)
         this.context.methods.initUiConfig(this.props.config)
-        if (!this.props.config.type) return (<div key={this.props.config.uuid}></div>)
         let type = this.props.config.type as any as UiConfigTypes
-        const val = this.context.methods.getValue(this.props.config)
+        const val = this.context.methods.getRawValue(this.props.config)
 
         // hacks
         if (type === 'input' && typeof val === 'number') this.props.config.type = type = 'number'
@@ -81,9 +80,9 @@ export class ConfigObject extends React.Component<ConfigProps, {}> {
             return (
                 <div key={this.props.config.uuid}>
                     <FolderHeadCard
-                        enabled={enabledToggle ? this.context.methods.getValue(enabledToggle) : undefined}
+                        enabled={enabledToggle ? this.context.methods.getRawValue(enabledToggle) : undefined}
                         onEnabledChange={(e) => enabledToggle && this.context.methods.setValue(enabledToggle, e.target.checked, {}).then(() => this.setState(this.state))}
-                        label={label} minimal={false} open={false} onClick={() => {
+                        level={0} label={label} minimal={false} open={false} onClick={() => {
                         this.props.openPanel<{ config: UiObjectConfig<any> }>({
                             props: {config: this.props.config},
                             title: label,

package/src/UiConfigRendererBlueprint.tsx

@@ -1,5 +1,5 @@
-import {createDiv, createStyles, css} from "ts-browser-helpers";
-import {UiConfigRendererBase, UiObjectConfig} from "uiconfig.js";
+import {createDiv, createStyles, css, JSUndoManager} from "ts-browser-helpers";
+import {UiConfigRenderer, UiObjectConfig} from "uiconfig.js";
 import React from 'react'
 import {createRoot, Root} from 'react-dom/client'
 import {ConfigurationPanelComponent} from './components/ConfigurationPanelComponent'
@@ -9,13 +9,14 @@ import rendererCss from './renderer.scss?inline' // for rollup build remove ?inl
 import {FocusStyleManager} from '@blueprintjs/core'
 import {THREE} from "./threejs";
 
-export class UiConfigRendererBlueprint extends UiConfigRendererBase<Root> {
-    constructor(container: HTMLElement = document.body, {autoPostFrame = true} = {}) {
-        super(container, autoPostFrame);
+export class UiConfigRendererBlueprint extends UiConfigRenderer {
+    constructor(container: HTMLElement = document.body, {autoPostFrame = true} = {}, undoManager?: JSUndoManager|false) {
+        super(container, autoPostFrame, undefined, undoManager);
         // this._root.expanded = expanded
-
     }
 
+    protected _root: Root
+
     protected _createUiContainer(): HTMLDivElement {
         FocusStyleManager.onlyShowFocusOnTabs();
 
@@ -64,8 +65,8 @@ export class UiConfigRendererBlueprint extends UiConfigRendererBase<Root> {
     // eslint-disable-next-line @typescript-eslint/naming-convention
     THREE: THREE|undefined = (window as any).THREE
 
-    dispose() {
-        // todo
+    unmount() {
+        this._root?.unmount()
     }
 
 }

package/src/bpComponents/BPButtonComponent.tsx

@@ -3,6 +3,7 @@ import React from "react";
 import {BPLabelledComponent, BPLabelledComponentState} from "./BPLabelledComponent";
 import {Button} from "@blueprintjs/core";
 
+// @ts-ignore
 export class BPButtonComponent extends BPLabelledComponent<()=>void, BPLabelledComponentState> {
     constructor(props: BPComponentProps<()=>void>, context: UiConfigRendererContextType) {
         super(props, context, {label: 'Button'});

package/src/bpComponents/BPColorInputComponent.tsx

@@ -20,7 +20,7 @@ export class BPColorInputComponent extends BPValueComponent<ColorRepresentation,
     constructor(props: BPComponentProps<ColorRepresentation>, context: UiConfigRendererContextType) {
         super(props, context, {
             label: 'Color',
-            value: "#000000",
+            value: '#000000',
             mode: 'number',
             srgbConvert: false,
         });

package/src/bpComponents/BPComponent.tsx

@@ -20,7 +20,7 @@ export interface UiConfigRendererBaseBp extends UiConfigRendererBase{
 
 export const UiConfigRendererContext = createContext<UiConfigRendererBaseBp>(null as any)
 export type UiConfigRendererContextType = React.ContextType<typeof UiConfigRendererContext>
-export abstract class BPComponent<TValue, TState, TProps extends BPComponentProps<TValue> = BPComponentProps<TValue>> extends React.Component<TProps, TState> {
+export abstract class BPComponent<TValue, TState extends BPComponentState, TProps extends BPComponentProps<TValue> = BPComponentProps<TValue>> extends React.Component<TProps, TState> {
     static contextType = UiConfigRendererContext
     declare context: UiConfigRendererContextType
 
@@ -28,6 +28,7 @@ export abstract class BPComponent<TValue, TState, TProps extends BPComponentProp
         super(props, context);
         this.state = this.getUpdatedState(state)
         // this.state = state
+        this.setState = this.setState.bind(this)
     }
 
     /**
@@ -38,16 +39,25 @@ export abstract class BPComponent<TValue, TState, TProps extends BPComponentProp
         return new Promise<void>(resolve => this.setState(state, resolve))
     }
 
+    keyVersion = 0
+
     /**
      * This is called to get the updated state from the config, copy any values/properties from the config to the state here
      * @param state - the current state
      */
     getUpdatedState(state: TState): TState{
+        const hidden = getOrCall(this.props.config.hidden) ?? false
+        const disabled = getOrCall(this.props.config.disabled) ?? false
+        const readOnly = getOrCall(this.props.config.readOnly) ?? false
+        if(hidden !== state.hidden
+            || disabled !== state.disabled
+            || readOnly !== state.readOnly
+        ) this.keyVersion++
         return {
             ...state,
-            hidden: getOrCall(this.props.config.hidden) ?? false,
-            disabled: getOrCall(this.props.config.disabled) ?? false,
-            readOnly: getOrCall(this.props.config.readOnly) ?? false,
+            hidden,
+            disabled,
+            readOnly,
         }
     }
 

package/src/bpComponents/BPContainerComponent.tsx

@@ -16,6 +16,7 @@ export class BPContainerComponent<TState extends BPContainerComponentState=BPCon
     }
 
     protected _registerChild(child: UiObjectConfig) {
+        // if(Object.keys(child).length)
         child.parentOnChange = this._childParentOnChange
         if(child.property === undefined &&
             child.value === undefined &&
@@ -28,7 +29,7 @@ export class BPContainerComponent<TState extends BPContainerComponentState=BPCon
 
     protected _unregisterChild(child: UiObjectConfig) {
         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 &&

package/src/bpComponents/BPDropdownInputComponent.tsx

@@ -60,7 +60,12 @@ export class BPDropdownInputComponent extends BPInputComponent<string|number, BP
                 key={this.props.config.uuid}
                 disabled={this.state.disabled}
                 popoverProps={{
-                    minimal: true
+                    minimal: true,
+                }}
+                popoverTargetProps={{
+                    style: {
+                        height: "100%"
+                    }
                 }}
                 noResults={<MenuItem disabled={true} text="No results."  roleStructure="listoption" />}
                 items={this.state.options}
@@ -72,7 +77,7 @@ export class BPDropdownInputComponent extends BPInputComponent<string|number, BP
             >
                 {/* children become the popover target; render value here */}
                 <Button rightIcon="double-caret-vertical" small={true}
-                        style={{whiteSpace: 'nowrap', textOverflow: "ellipsis"}}>{item.label}</Button>
+                        style={{whiteSpace: 'nowrap', textOverflow: "ellipsis", height: "100%"}}>{item.label}</Button>
             </Select>
         )
     }

package/src/bpComponents/BPFileComponent.tsx

@@ -7,50 +7,56 @@ type StateValue = string | File | null
 type FileImportType = any
 export type BPFileComponentState = BPValueComponentState<StateValue> & {
     mode: 'url'|'file',
+    preview?: string,
 }
 
 type BPFileComponentExtras = {fileLoader?: {load: (v: string|File|{path: string, file: File|Blob})=>Promise<FileImportType>}}
 type BPFileComponentContextType = UiConfigRendererContextType & BPFileComponentExtras
 
-export class BPFileComponent extends BPValueComponent<FileImportType | null, BPFileComponentState, StateValue> {
+// @ts-ignore
+export class BPFileComponent<T extends FileImportType=FileImportType, TP = {}> extends BPValueComponent<T | null, BPFileComponentState, StateValue> {
     declare context: BPFileComponentContextType
-    declare props: BPComponentProps<FileImportType | null> & BPFileComponentExtras
-    constructor(props: BPComponentProps<FileImportType | null> & BPFileComponentExtras, context: BPFileComponentContextType) {
+    declare props: BPComponentProps<T | null> & BPFileComponentExtras & TP
+    constructor(props: BPComponentProps<T | null> & BPFileComponentExtras & TP, context: BPFileComponentContextType) {
         super(props, context, {
-            mode: 'file',
+            mode: 'url',
             value: null,
             label: 'File'
         });
         if(!context.fileLoader && !props.fileLoader) throw new Error('BPFileComponent requires fileLoader to be available in context')
     }
 
-    convertValueToState(val: FileImportType | null, state: BPFileComponentState): BPFileComponentState {
-        let mode: BPFileComponentState['mode'] = state.mode
-        let value = state.value
-        if (val) { // todo: move to subclass in threepipe
-            if (val.userData) {
-                if (val.userData.__sourceBlob) {
-                    value = val.userData.__sourceBlob
-                    mode = 'file'
-                } else if (val.userData.rootPath?.length) {
-                    value = val.userData.rootPath
-                    mode = 'url'
-                }
-            }
-        }
-        return {...state, mode, value}
+    // reimplemented in subclass
+    convertValueToState(_val: T | null, _state: BPFileComponentState): BPFileComponentState {
+        throw new Error('Not Implemented')
+        // let mode: BPFileComponentState['mode'] = state.mode
+        // let value = state.value
+        // if (val) {
+        //     if (val.userData) {
+        //         if (val.userData.__sourceBlob) {
+        //             value = val.userData.__sourceBlob
+        //             mode = 'file'
+        //         } else if (val.userData.rootPath?.length) {
+        //             value = val.userData.rootPath
+        //             mode = 'url'
+        //         }
+        //     }
+        // }
+        // return {...state, mode, value}
     }
 
-    async convertStateToValue(state: BPFileComponentState): Promise<FileImportType|null> {
+    async convertStateToValue(state: BPFileComponentState): Promise<T|null> {
         const value = state.value
         let val: any
+        const last = this.context.methods.getRawValue(this.props.config as any) ?? null
+        const lastState = this.convertValueToState(last as any, {...this.state, value: null})
         if (value === null) {
             val = null
         } else if (typeof value === 'string') {
-            val = await (this.context.fileLoader ?? this.props.fileLoader)!.load(value);
+            val = value === lastState.value ? last : await (this.context.fileLoader ?? this.props.fileLoader)!.load(value);
         } else {
             // todo handle blob with no name
-            val = await (this.context.fileLoader ?? this.props.fileLoader)!.load({path: value.name || 'file', file: value});
+            val = value === lastState.value ? last : await (this.context.fileLoader ?? this.props.fileLoader)!.load({path: value.name || 'file', file: value});
         }
         // console.log(val)
         return val;
@@ -60,12 +66,22 @@ export class BPFileComponent extends BPValueComponent<FileImportType | null, BPF
     //     return super.doesNeedRefresh(state);
     // }
 
+    renderPreviewSlot() {
+        return <img src={"https://playground.ijewel3d.com/logo_black.png"}
+                    style={{width: "100%", maxHeight: "80px", objectFit: "contain"}}/>
+    }
+
+    // async updateStateValue(state: BPFileComponentState, last?: boolean): Promise<void> {
+    //     if(state.value !== this.state.value && state.preview) delete state.preview
+    //     return super.updateStateValue(state, last);
+    // }
+
     render() {
         return !this.state.hidden ? (
             <FormGroupComponent label={this.state.label} flexBasis={"100%"} disabled={this.state.disabled}>
-                <FileComponent state={this.state} onChange={(s) => {
-                    this.updateStateValue({...this.state, ...s}); // todo: set loading while this promise is happening.
-                }} key={this.props.config.uuid}/>
+                <FileComponent previewSlot={this.renderPreviewSlot()} state={this.state} onChange={(s) =>
+                    this.updateStateValue({...this.state, preview: undefined, ...s}) // todo: set loading while this promise is happening.
+                } key={this.props.config.uuid}/>
             </FormGroupComponent>
         ) : null
     }

package/src/bpComponents/BPFolderComponent.scss

@@ -58,6 +58,11 @@
   &:active {
     background-color: $gray4 !important;
   }
+
+  .bp5-button-text {
+    text-align: left;
+    flex: 1 1 auto;
+  }
 }
 .bp5-dark .folder-trigger-button {
   background-color: $dark-gray1 !important;
@@ -83,7 +88,11 @@
   flex-direction: row;
 
   > .folder-trigger-button {
-    margin-right: $pt-grid-size;
+    //margin-right: $pt-grid-size;
+    margin-right: 6px;
+    //margin-left: $pt-grid-size;
+    padding-top: 6px;
+    padding-bottom: 6px;
   }
 }
 

package/src/bpComponents/BPFolderComponent.tsx

@@ -29,17 +29,18 @@ export class BPFolderComponent extends BPContainerComponent<BPFolderComponentSta
                 key={this.props.config.uuid}
                 open={this.state.expanded}
                 disabled={this.state.disabled}
+                level={this.props.level ?? 0}
                 minimal={(this.props.level ?? 0) > 0}
                 onClick={() => {
                     if(this.state.readOnly) return
                     setExpanded(!this.state.expanded)
                 }}
                 label={this.state.label}
-                enabled={enabledToggle ? this.context.methods.getValue(enabledToggle) : undefined}
+                enabled={enabledToggle ? this.context.methods.getRawValue(enabledToggle) : undefined}
                 onEnabledChange={(e) => enabledToggle && this.context.methods.setValue(enabledToggle, e.target.checked, {}).then(() => this.setState(this.state))}
             >
                 <Collapse isOpen={this.state.expanded} keepChildrenMounted={false}>
-                    <div className="folder-children" style={{listStyleType: "none", paddingLeft: "0"}}>
+                    <div className="folder-children" style={{listStyleType: "none", paddingLeft: this.props.level??0 > 2 ? "6px" : 0}}> {/*todo use parameter instead of const 6*/}
                         {this.state.children.map((c, i) => <ConfigObject key={'c' + i} {...this.props} config={c}
                                                                          level={(this.props.level ?? 0) + 1}/>)}
                     </div>
@@ -49,7 +50,7 @@ export class BPFolderComponent extends BPContainerComponent<BPFolderComponentSta
     }
 }
 
-export const FolderHeadCard: React.FC<React.PropsWithChildren<{ open: boolean, label: string, minimal: boolean, disabled?: boolean, enabled?: boolean, onEnabledChange?: ChangeEventHandler<HTMLInputElement>, onClick: DOMAttributes<HTMLElement>['onClick'] }>> = (props) => {
+export 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'] }>> = (props) => {
     return (
         <div
             // interactive={!props.open}
@@ -75,11 +76,14 @@ export const FolderHeadCard: React.FC<React.PropsWithChildren<{ open: boolean, l
                 {/*</Button>*/}
 
                 <Button
-                    className="folder-trigger-button" fill={!props.minimal} onClick={props.onClick}
+                    className="folder-trigger-button"
+                    // fill={!props.minimal}
+                    fill={true}
+                    onClick={props.onClick}
                     minimal={true}
                     disabled={props.disabled}
                     small={props.minimal}
-                    style={props.minimal ? {} : {fontSize: "0.95rem", paddingTop: "8px", paddingBottom: "8px"}}
+                    style={props.level ? {marginLeft: "6px"} : {fontSize: "0.95rem", paddingTop: "8px", paddingBottom: "8px"}}
                     intent={props.open ? Intent.PRIMARY : Intent.NONE}
                     icon={props.enabled !== undefined  && <span style={{minWidth: '20px'}}></span>} // adding a span here will center the text in the button
                     rightIcon={(

package/src/bpComponents/BPInputComponent.tsx

@@ -2,9 +2,10 @@ import {BPValueComponent, BPValueComponentState} from "./BPValueComponent";
 import {BPComponentProps, UiConfigRendererContextType} from "./BPComponent";
 import {ReactNode} from "react";
 import {FormGroupComponent} from "../components/FormGroupComponent";
+import {PrimitiveVal} from "uiconfig.js";
 
 export abstract class BPInputComponent<
-    TStateValue, TState extends BPValueComponentState<TStateValue> = BPValueComponentState<TStateValue>>
+    TStateValue extends PrimitiveVal, TState extends BPValueComponentState<TStateValue> = BPValueComponentState<TStateValue>>
     extends BPValueComponent<TStateValue, TState, TStateValue> {
 
     protected constructor(props: BPComponentProps<TStateValue>, context: UiConfigRendererContextType, state: TState) {

package/src/bpComponents/BPPanelComponent.tsx

@@ -42,7 +42,7 @@ export class BPPanelComponent extends BPContainerComponent<BPPanelComponentState
             <div
                 key={this.props.config.uuid}
                 className="folder-children" style={{listStyleType: "none", paddingLeft: "0"}}>
-                {this.state.children.map((c, i) => <ConfigObject key={'c' + i} {...this.props} config={c}/>)}
+                {this.state.children.map((c, i) => c ? <ConfigObject key={'c' + i} {...this.props} config={c}/> : null)}
             </div>
         ) : null
     }

package/src/bpComponents/BPSliderInputComponent.tsx

@@ -46,7 +46,11 @@ export class BPSliderInputComponent extends BPInputComponent<number, BPSliderCom
                 // labelValues={[]}
                 onChange={(v) => {
                     if(this.state.readOnly) return
-                    this.setValue(v)
+                    this.setValue(v, false)
+                }}
+                onRelease={(v) => {
+                    if(this.state.readOnly) return
+                    this.setValue(v, true)
                 }}
             />
         ),(
@@ -63,7 +67,14 @@ export class BPSliderInputComponent extends BPInputComponent<number, BPSliderCom
                 buttonPosition="none"
                 onValueChange={(v) => {
                     if(this.state.readOnly) return
-                    this.setValue(v)
+                    this.setValue(v, false)
+                }}
+                onBlur={(e) => {
+                    if(this.state.readOnly) return
+                    this.setValue(parseFloat(e.currentTarget.value), true)
+                }}
+                onKeyDown={(e) => {
+                    if (e.code === 'Enter') this.setValue(parseFloat(e.currentTarget.value), true)
                 }}
             />)
     ]