uiconfig-blueprint 0.0.3 → 0.1.0-dev.11

package/README.md

@@ -1,13 +1,13 @@
-# UiConfig Blurprint.js
+# UiConfig Blueprint.js
 
 [![NPM Package](https://img.shields.io/npm/v/uiconfig-blueprint.svg)](https://www.npmjs.com/package/uiconfig-blueprint)
 [![License: Apache 2.0](https://img.shields.io/badge/License-Apache%202.0-green.svg)](https://opensource.org/license/apache-2-0/)
 
-Blurprint.js theme/wrapper library for [uiconfig.js](https://github.com/repalash/uiconfig.js): A UI renderer framework to dynamically generate website/configuration UIs from a JSON-like configurations and/or typescript decorators. 
+Blueprint.js theme/wrapper library for [uiconfig.js](https://github.com/repalash/uiconfig.js): A UI renderer framework to dynamically generate website/configuration UIs from a JSON-like configurations and/or typescript decorators. 
 
 It includes several components for editor-like user interfaces like folders, panels, sliders, pickers, inputs for string, number, file, vector, colors, etc.
 
-The UI components are bound to javascript/typescript objects and properties through a simple and flexible JSON configuration.
+The UI components are bound to javascript/typescript    objects and properties through a simple and flexible JSON configuration.
 
 ### Examples
 
@@ -29,6 +29,8 @@ npm install uiconfig-blueprint
 Use in any javascript/typescript file.
 ```typescript
 import { UI } from 'uiconfig-blueprint';
+// or for the browser
+// import { UI } from 'https://unpkg.com/uiconfig-blueprint/dist/index.mjs';
 
 const config = {
     type: "slider",
@@ -127,3 +129,39 @@ npm publish
 
 ## License
 All code is licensed under [Apache 2.0](LICENSE).
+
+## Library usage in react
+
+This part is still a WIP.
+
+Note: First check the dependencies. (Install all the required peerDependencies)
+
+Import from `uiconfig-blueprint/lib` build.
+
+In JS/TS/JSX/TSX files:
+```javascript
+import {ConfigurationPanelComponent} from 'uiconfig-blueprint/lib/esm/lib'
+```
+
+In SCSS
+```scss
+@import 'uiconfig-blueprint/src/renderer';
+```
+or 
+In CSS
+```css
+@import 'uiconfig-blueprint/lib/css/renderer.css';
+```
+
+postcss plugin for themes
+```javascript
+{
+  postcssPlugin: 'modify-css-content',
+  Once(root) {
+    // Modify to fix :root.bpx-flat :root twice when imported in renderer.scss
+    root.walkRules(rule => {
+      rule.selector = rule.selector.replace(/:root.bpx-(.*) :root/g, ':root.bpx-$1');
+    });
+  },
+}
+```

package/dist/ConfigObject.d.ts

@@ -1,16 +1,19 @@
 import React from "react";
-import { UiConfigRendererContext } from "./bpComponents/BPComponent";
+import { Class, PartialRecord } from "ts-browser-helpers";
+import { BPComponentProps, BPComponentState, UiConfigRendererContext } from "./bpComponents/BPComponent";
 import { PanelActions } from "@blueprintjs/core/lib/esm/components/panel-stack2/panelTypes";
 import { UiObjectConfig } from 'uiconfig.js';
-export type UiConfigTypes = 'input' | 'button' | 'folder' | 'checkbox' | 'toggle' | 'dropdown' | 'slider' | 'color' | 'image' | 'number' | 'panel' | 'tree' | 'hierarchy' | 'vec' | 'vec2' | 'vec3' | 'vec4' | 'monitor';
+export type UiConfigTypes = 'input' | 'button' | 'folder' | 'checkbox' | 'toggle' | 'dropdown' | 'slider' | 'color' | 'image' | 'number' | 'panel' | 'tree' | 'hierarchy' | 'materials' | 'textures' | 'vec' | 'vec2' | 'vec3' | 'vec4' | 'monitor' | 'vector';
 export interface ConfigProps extends PanelActions {
     config: UiObjectConfig;
     isPanel?: boolean;
     level?: number;
+    className?: string;
 }
+export declare const ConfigObjectGenerators: PartialRecord<UiConfigTypes, Class<React.Component<BPComponentProps<any>, BPComponentState>>>;
 export declare class ConfigObject extends React.Component<ConfigProps, {}> {
-    static contextType: React.Context<import("./UiConfigRendererBlueprint").UiConfigRendererBlueprint>;
+    static contextType: React.Context<import("./bpComponents/BPComponent").UiConfigRendererBaseBp>;
     context: React.ContextType<typeof UiConfigRendererContext>;
     state: {};
-    render(): React.JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/dist/UiConfigRendererBlueprint.d.ts

@@ -1,13 +1,15 @@
-import { UiConfigRendererBase, UiObjectConfig } from "uiconfig.js";
+import { JSUndoManager } from "ts-browser-helpers";
+import { UiConfigRenderer, UiObjectConfig } from "uiconfig.js";
 import { Root } from 'react-dom/client';
 import { THREE } from "./threejs";
-export declare class UiConfigRendererBlueprint extends UiConfigRendererBase<Root> {
+export declare class UiConfigRendererBlueprint extends UiConfigRenderer {
     constructor(container?: HTMLElement, { autoPostFrame }?: {
         autoPostFrame?: boolean | undefined;
-    });
+    }, undoManager?: JSUndoManager | false);
+    protected _root: Root;
     protected _createUiContainer(): HTMLDivElement;
     protected _refreshUiConfigObject(config: UiObjectConfig): void;
     renderUiConfig(_: UiObjectConfig): void;
     THREE: THREE | undefined;
-    dispose(): void;
+    unmount(): void;
 }

package/dist/allPaths-Dhco1c7a.js

@@ -0,0 +1,23 @@
+import { I as n } from "./index-B1k4Miq7.js";
+import { I as e } from "./index-BvGAMcRo.js";
+import { p as r, I as s } from "./index-GANXo7JZ.js";
+/**
+ * @license
+ * uiconfig-blueprint v0.1.0-dev.11
+ * Copyright 2022-2025 repalash <palash@shaders.app>
+ * Apache-2.0 License
+ */
+function I(o, t) {
+  var a = r(o);
+  return t === s.STANDARD ? n[a] : e[a];
+}
+function p(o) {
+  return r(o);
+}
+export {
+  n as IconSvgPaths16,
+  e as IconSvgPaths20,
+  I as getIconPaths,
+  p as iconNameToPathsRecordKey
+};
+//# sourceMappingURL=allPaths-Dhco1c7a.js.map

package/dist/{allPaths-3YKfhB8Q.js.map → allPaths-Dhco1c7a.js.map}

@@ -1 +1 @@
-{"version":3,"file":"allPaths-3YKfhB8Q.js","sources":["../node_modules/@blueprintjs/icons/lib/esm/allPaths.js"],"sourcesContent":["/*\n * Copyright 2021 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { pascalCase } from \"change-case\";\nimport * as IconSvgPaths16 from \"./generated/16px/paths\";\nimport * as IconSvgPaths20 from \"./generated/20px/paths\";\nimport { IconSize } from \"./iconTypes\";\nexport { IconSvgPaths16, IconSvgPaths20 };\n/**\n * Get the list of vector paths that define a given icon. These path strings are used to render `<path>`\n * elements inside an `<svg>` icon element. For full implementation details and nuances, see the icon component\n * handlebars template and `generate-icon-components` script in the __@blueprintjs/icons__ package.\n *\n * Note: this function loads all icon definitions __statically__, which means every icon is included in your\n * JS bundle. Only use this API if your app is likely to use all Blueprint icons at runtime. If you are looking for a\n * dynamic icon loader which loads icon definitions on-demand, use `{ Icons } from \"@blueprintjs/icons\"` instead.\n */\nexport function getIconPaths(name, size) {\n    var key = pascalCase(name);\n    return size === IconSize.STANDARD ? IconSvgPaths16[key] : IconSvgPaths20[key];\n}\n/**\n * Type safe string literal conversion of snake-case icon names to PascalCase icon names.\n * This is useful for indexing into the SVG paths record to extract a single icon's SVG path definition.\n *\n * @deprecated use `getIconPaths` instead\n */\nexport function iconNameToPathsRecordKey(name) {\n    return pascalCase(name);\n}\n//# sourceMappingURL=allPaths.js.map"],"names":["getIconPaths","name","size","key","pascalCase","IconSize","IconSvgPaths16","IconSvgPaths20","iconNameToPathsRecordKey"],"mappings":";;;;;;;;;AA6BO,SAASA,EAAaC,GAAMC,GAAM;AACrC,MAAIC,IAAMC,EAAWH,CAAI;AACzB,SAAOC,MAASG,EAAS,WAAWC,EAAeH,CAAG,IAAII,EAAeJ,CAAG;AAChF;AAOO,SAASK,EAAyBP,GAAM;AAC3C,SAAOG,EAAWH,CAAI;AAC1B;","x_google_ignoreList":[0]}
+{"version":3,"file":"allPaths-Dhco1c7a.js","sources":["../node_modules/@blueprintjs/icons/lib/esm/allPaths.js"],"sourcesContent":["/*\n * Copyright 2021 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { pascalCase } from \"change-case\";\nimport * as IconSvgPaths16 from \"./generated/16px/paths\";\nimport * as IconSvgPaths20 from \"./generated/20px/paths\";\nimport { IconSize } from \"./iconTypes\";\nexport { IconSvgPaths16, IconSvgPaths20 };\n/**\n * Get the list of vector paths that define a given icon. These path strings are used to render `<path>`\n * elements inside an `<svg>` icon element. For full implementation details and nuances, see the icon component\n * handlebars template and `generate-icon-components` script in the __@blueprintjs/icons__ package.\n *\n * Note: this function loads all icon definitions __statically__, which means every icon is included in your\n * JS bundle. Only use this API if your app is likely to use all Blueprint icons at runtime. If you are looking for a\n * dynamic icon loader which loads icon definitions on-demand, use `{ Icons } from \"@blueprintjs/icons\"` instead.\n */\nexport function getIconPaths(name, size) {\n    var key = pascalCase(name);\n    return size === IconSize.STANDARD ? IconSvgPaths16[key] : IconSvgPaths20[key];\n}\n/**\n * Type safe string literal conversion of snake-case icon names to PascalCase icon names.\n * This is useful for indexing into the SVG paths record to extract a single icon's SVG path definition.\n *\n * @deprecated use `getIconPaths` instead\n */\nexport function iconNameToPathsRecordKey(name) {\n    return pascalCase(name);\n}\n//# sourceMappingURL=allPaths.js.map"],"names":["getIconPaths","name","size","key","pascalCase","IconSize","IconSvgPaths16","IconSvgPaths20","iconNameToPathsRecordKey"],"mappings":";;;;;;;;;AA6BO,SAASA,EAAaC,GAAMC,GAAM;AACrC,MAAIC,IAAMC,EAAWH,CAAI;AACzB,SAAOC,MAASG,EAAS,WAAWC,EAAeH,CAAG,IAAII,EAAeJ,CAAG;AAChF;AAOO,SAASK,EAAyBP,GAAM;AAC3C,SAAOG,EAAWH,CAAI;AAC1B;","x_google_ignoreList":[0]}

package/dist/{allPathsLoader-lWFPuUtu.js → allPathsLoader-BNvrKJa2.js}

@@ -1,8 +1,8 @@
-import { _ as n, a as o } from "./index-zXngzS2o.js";
+import { _ as n, a as o } from "./index-GANXo7JZ.js";
 /**
  * @license
- * uiconfig-blueprint v0.0.3
- * Copyright 2022-2023 repalash <palash@shaders.app>
+ * uiconfig-blueprint v0.1.0-dev.11
+ * Copyright 2022-2025 repalash <palash@shaders.app>
  * Apache-2.0 License
  */
 var s = function(a, e) {
@@ -13,7 +13,7 @@ var s = function(a, e) {
         case 0:
           return [4, import(
             /* webpackChunkName: "blueprint-icons-all-paths" */
-            "./allPaths-3YKfhB8Q.js"
+            "./allPaths-Dhco1c7a.js"
           )];
         case 1:
           return t = r.sent().getIconPaths, [2, t(a, e)];
@@ -24,4 +24,4 @@ var s = function(a, e) {
 export {
   s as allPathsLoader
 };
-//# sourceMappingURL=allPathsLoader-lWFPuUtu.js.map
+//# sourceMappingURL=allPathsLoader-BNvrKJa2.js.map

package/dist/{allPathsLoader-lWFPuUtu.js.map → allPathsLoader-BNvrKJa2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"allPathsLoader-lWFPuUtu.js","sources":["../node_modules/@blueprintjs/icons/lib/esm/paths-loaders/allPathsLoader.js"],"sourcesContent":["/*\n * Copyright 2023 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { __awaiter, __generator } from \"tslib\";\n/**\n * A simple module loader which concatenates all icon paths into a single chunk.\n */\nexport var allPathsLoader = function (name, size) { return __awaiter(void 0, void 0, void 0, function () {\n    var getIconPaths;\n    return __generator(this, function (_a) {\n        switch (_a.label) {\n            case 0: return [4 /*yield*/, import(\n                /* webpackChunkName: \"blueprint-icons-all-paths\" */\n                \"../allPaths\")];\n            case 1:\n                getIconPaths = (_a.sent()).getIconPaths;\n                return [2 /*return*/, getIconPaths(name, size)];\n        }\n    });\n}); };\n//# sourceMappingURL=allPathsLoader.js.map"],"names":["allPathsLoader","name","size","__awaiter","getIconPaths","__generator","_a"],"mappings":";;;;;;;AAmBU,IAACA,IAAiB,SAAUC,GAAMC,GAAM;AAAE,SAAOC,EAAU,QAAQ,QAAQ,QAAQ,WAAY;AACrG,QAAIC;AACJ,WAAOC,EAAY,MAAM,SAAUC,GAAI;AACnC,cAAQA,EAAG,OAAK;AAAA,QACZ,KAAK;AAAG,iBAAO,CAAC,GAAa;AAAA;AAAA,YAEzB;AAAA,UAAa,CAAC;AAAA,QAClB,KAAK;AACD,iBAAAF,IAAgBE,EAAG,KAAI,EAAI,cACpB,CAAC,GAAcF,EAAaH,GAAMC,CAAI,CAAC;AAAA,MACrD;AAAA,IACT,CAAK;AAAA,EACL,CAAC;AAAE;","x_google_ignoreList":[0]}
+{"version":3,"file":"allPathsLoader-BNvrKJa2.js","sources":["../node_modules/@blueprintjs/icons/lib/esm/paths-loaders/allPathsLoader.js"],"sourcesContent":["/*\n * Copyright 2023 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { __awaiter, __generator } from \"tslib\";\n/**\n * A simple module loader which concatenates all icon paths into a single chunk.\n */\nexport var allPathsLoader = function (name, size) { return __awaiter(void 0, void 0, void 0, function () {\n    var getIconPaths;\n    return __generator(this, function (_a) {\n        switch (_a.label) {\n            case 0: return [4 /*yield*/, import(\n                /* webpackChunkName: \"blueprint-icons-all-paths\" */\n                \"../allPaths\")];\n            case 1:\n                getIconPaths = (_a.sent()).getIconPaths;\n                return [2 /*return*/, getIconPaths(name, size)];\n        }\n    });\n}); };\n//# sourceMappingURL=allPathsLoader.js.map"],"names":["allPathsLoader","name","size","__awaiter","getIconPaths","__generator","_a"],"mappings":";;;;;;;AAmBU,IAACA,IAAiB,SAAUC,GAAMC,GAAM;AAAE,SAAOC,EAAU,QAAQ,QAAQ,QAAQ,WAAY;AACrG,QAAIC;AACJ,WAAOC,EAAY,MAAM,SAAUC,GAAI;AACnC,cAAQA,EAAG,OAAK;AAAA,QACZ,KAAK;AAAG,iBAAO,CAAC,GAAa;AAAA;AAAA,YAEzB;AAAA,UAAa,CAAC;AAAA,QAClB,KAAK;AACD,iBAAAF,IAAgBE,EAAG,KAAI,EAAI,cACpB,CAAC,GAAcF,EAAaH,GAAMC,CAAI,CAAC;AAAA,MAC9D;AAAA,IACA,CAAK;AAAA,EACL,CAAC;AAAE;","x_google_ignoreList":[0]}

package/dist/bpComponents/BPButtonComponent.d.ts

@@ -4,5 +4,6 @@ import { BPLabelledComponent, BPLabelledComponentState } from "./BPLabelledCompo
 export declare class BPButtonComponent extends BPLabelledComponent<() => void, BPLabelledComponentState> {
     constructor(props: BPComponentProps<() => void>, context: UiConfigRendererContextType);
     onClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-    render(): React.JSX.Element | null;
+    protected flexBasis: string;
+    render(): import("react/jsx-runtime").JSX.Element | null;
 }

package/dist/bpComponents/BPColorInputComponent.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import { BPComponentProps, UiConfigRendererContextType } from "./BPComponent";
 import { BPValueComponent, BPValueComponentState } from "./BPValueComponent";
 import type { ColorRepresentation } from "three";
@@ -21,5 +20,6 @@ export declare class BPColorInputComponent extends BPValueComponent<ColorReprese
     componentWillUnmount(): void;
     private _hasMouseUp;
     private _mouseUp;
-    render(): React.JSX.Element | null;
+    protected flexBasis: string;
+    render(): import("react/jsx-runtime").JSX.Element | null;
 }

package/dist/bpComponents/BPComponent.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
-import type { UiConfigRendererBlueprint } from '../UiConfigRendererBlueprint';
+import type { UiConfigRendererBase } from 'uiconfig.js';
 import { UiObjectConfig } from 'uiconfig.js';
+import { THREE } from "../threejs";
 export type BPComponentProps<T> = {
     config: UiObjectConfig<T>;
     level?: number;
@@ -9,14 +10,19 @@ export type BPComponentState = {
     hidden?: boolean;
     disabled?: boolean;
     readOnly?: boolean;
+    baseWidth?: string;
 };
-export declare const UiConfigRendererContext: React.Context<UiConfigRendererBlueprint>;
+export interface UiConfigRendererBaseBp extends UiConfigRendererBase {
+    THREE: THREE | undefined;
+}
+export declare const UiConfigRendererContext: React.Context<UiConfigRendererBaseBp>;
 export type UiConfigRendererContextType = React.ContextType<typeof UiConfigRendererContext>;
-export declare abstract class BPComponent<TValue, TState, TProps extends BPComponentProps<TValue> = BPComponentProps<TValue>> extends React.Component<TProps, TState> {
-    static contextType: React.Context<UiConfigRendererBlueprint>;
+export declare abstract class BPComponent<TValue, TState extends BPComponentState, TProps extends BPComponentProps<TValue> = BPComponentProps<TValue>> extends React.Component<TProps, TState> {
+    static contextType: React.Context<UiConfigRendererBaseBp>;
     context: UiConfigRendererContextType;
     protected constructor(props: TProps, context: UiConfigRendererContextType, state: TState);
     setStatePromise(state: TState): Promise<void>;
+    keyVersion: number;
     getUpdatedState(state: TState): TState;
     private _refreshing;
     refreshConfigState(state?: TState): Promise<void>;

package/dist/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/dist/bpComponents/BPDropdownInputComponent.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import { BPComponentProps, UiConfigRendererContextType } from "./BPComponent";
 import { BPInputComponent } from "./BPInputComponent";
 import { BPValueComponentState } from "./BPValueComponent";
@@ -12,5 +11,5 @@ export type BPDropdownComponentState = BPValueComponentState<string | number> &
 export declare class BPDropdownInputComponent extends BPInputComponent<string | number, BPDropdownComponentState> {
     constructor(props: BPComponentProps<string | number>, context: UiConfigRendererContextType);
     getUpdatedState(state: BPDropdownComponentState): BPDropdownComponentState;
-    renderInput(): React.JSX.Element;
+    renderInput(): import("react/jsx-runtime").JSX.Element;
 }

package/dist/bpComponents/BPFileComponent.d.ts

@@ -1,10 +1,10 @@
-import React from "react";
 import { BPComponentProps, UiConfigRendererContextType } from "./BPComponent";
 import { BPValueComponent, BPValueComponentState } from "./BPValueComponent";
 type StateValue = string | File | null;
 type FileImportType = any;
 export type BPFileComponentState = BPValueComponentState<StateValue> & {
     mode: 'url' | 'file';
+    preview?: string;
 };
 type BPFileComponentExtras = {
     fileLoader?: {
@@ -15,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>;
-    render(): React.JSX.Element | 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/dist/bpComponents/BPFolderComponent.d.ts

@@ -1,16 +1,24 @@
-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 & {};
 export declare class BPFolderComponent extends BPContainerComponent<BPFolderComponentState> {
     constructor(props: BPComponentProps<void> & PanelActions, context: UiConfigRendererContextType);
-    render(): React.JSX.Element | null;
+    render(): import("react/jsx-runtime").JSX.Element | null;
 }
 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/dist/bpComponents/BPInputComponent.d.ts

@@ -1,11 +1,12 @@
 import { BPValueComponent, BPValueComponentState } from "./BPValueComponent";
 import { BPComponentProps, UiConfigRendererContextType } from "./BPComponent";
-import React, { ReactNode } from "react";
-export declare abstract class BPInputComponent<TStateValue, TState extends BPValueComponentState<TStateValue> = BPValueComponentState<TStateValue>> extends BPValueComponent<TStateValue, TState, TStateValue> {
+import { ReactNode } from "react";
+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>;
     abstract renderInput(): ReactNode;
     protected flexBasis: string;
-    render(): React.JSX.Element | null;
+    render(): import("react/jsx-runtime").JSX.Element | null;
 }

package/dist/bpComponents/BPNumberInputComponent.d.ts

@@ -1,11 +1,12 @@
-import React from "react";
 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>;
     private _onChange;
-    renderInput(): React.JSX.Element;
+    renderInput(): import("react/jsx-runtime").JSX.Element;
 }

package/dist/bpComponents/BPPanelComponent.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import { BPComponentProps, UiConfigRendererContextType } from "./BPComponent";
 import { BPLabelledComponentState } from "./BPLabelledComponent";
 import { PanelActions } from "@blueprintjs/core/lib/esm/components/panel-stack2/panelTypes";
@@ -13,5 +12,5 @@ export declare class BPPanelComponent extends BPContainerComponent<BPPanelCompon
     setExpanded: (e: boolean) => void;
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render(): React.JSX.Element | null;
+    render(): import("react/jsx-runtime").JSX.Element | null;
 }

package/dist/bpComponents/BPSliderInputComponent.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import { BPComponentProps, UiConfigRendererContextType } from "./BPComponent";
 import { BPInputComponent } from "./BPInputComponent";
 import { BPValueComponentState } from "./BPValueComponent";
@@ -6,10 +5,11 @@ 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);
     getUpdatedState(state: BPSliderComponentState): BPSliderComponentState;
     flexBasis: string;
-    renderInput(): React.JSX.Element[];
+    renderInput(): import("react/jsx-runtime").JSX.Element[];
 }

package/dist/bpComponents/BPTextInputComponent.d.ts

@@ -1,8 +1,7 @@
-import React from "react";
 import { BPComponentProps, UiConfigRendererContextType } from "./BPComponent";
 import { BPInputComponent } from "./BPInputComponent";
 export declare class BPTextInputComponent extends BPInputComponent<string> {
     constructor(props: BPComponentProps<string>, context: UiConfigRendererContextType);
     private _onChange;
-    renderInput(): React.JSX.Element;
+    renderInput(): import("react/jsx-runtime").JSX.Element;
 }

package/dist/bpComponents/BPToggleInputComponent.d.ts

@@ -1,9 +1,8 @@
-import React from "react";
 import { BPComponentProps, UiConfigRendererContextType } from "./BPComponent";
 import { BPInputComponent } from "./BPInputComponent";
 export declare class BPToggleInputComponent extends BPInputComponent<boolean> {
     constructor(props: BPComponentProps<boolean>, context: UiConfigRendererContextType);
     private _onChange;
-    renderInput(): React.JSX.Element;
-    render(): React.JSX.Element | null;
+    renderInput(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element | null;
 }

package/dist/bpComponents/BPTreeComponent.d.ts

@@ -4,29 +4,43 @@ import React from "react";
 export type BPTreeComponentState<T = {}> = BPComponentState & {
     nodes: TreeNodeInfo<T>[];
 };
-export declare function forEachTreeNode<T>(nodes: TreeNodeInfo<T>[] | undefined, callback: (node: TreeNodeInfo<T>) => void): void;
-export declare abstract class BPTreeComponent<T = {}, TConfigVal = void> extends BPComponent<TConfigVal, BPTreeComponentState<T>> {
-    constructor(props: BPComponentProps<TConfigVal>, context: UiConfigRendererContextType);
-    protected _infoMap: Map<string, TreeNodeInfo<T>>;
+type NodePath = (string | number)[];
+export declare abstract class BPTreeComponent<T = {}, TConfigVal extends any = void> extends BPComponent<TConfigVal, BPTreeComponentState<T>, BPComponentProps<TConfigVal> & {
+    className: string;
+}> {
+    constructor(props: BPComponentProps<TConfigVal> & {
+        className: string;
+    }, context: UiConfigRendererContextType);
+    protected _infoMap: Map<string | number, TreeNodeInfo<T>>;
     protected _createNodeInfo(id: string, obj: T): {
         id: string;
         label: string;
         nodeData: T;
         childNodes: never[];
+        isExpanded: boolean;
+        isSelected: boolean;
     };
     protected abstract _getNodeId(obj: T): string;
     protected abstract _updateNodeInfo(node: TreeNodeInfo<T>, obj: T): TreeNodeInfo<T>;
     protected abstract _getRootNodes(): T[];
-    protected _onNodeClick(_node: TreeNodeInfo<T>): Promise<void>;
-    protected _onNodeDoubleClick(_node: TreeNodeInfo<T>): Promise<void>;
-    protected _onNodeExpand(node: TreeNodeInfo<T>): Promise<void>;
-    protected _onNodeCollapse(node: TreeNodeInfo<T>): Promise<void>;
-    protected _onNodeContextMenu(_node: TreeNodeInfo<T>): Promise<void>;
+    protected _onNodeClick(_id: string | number): Promise<void>;
+    protected _onNodeDoubleClick(_id: string | number): Promise<void>;
+    protected _cloneNodes(callback?: (t: TreeNodeInfo<T>) => void, state?: TreeNodeInfo<T>[]): TreeNodeInfo<T>[];
+    protected _getNodePath(id: string, nodes?: TreeNodeInfo<T>[]): NodePath;
+    protected _forEachNode<T>(nodes: TreeNodeInfo<T>[] | undefined, callback: (node: TreeNodeInfo<T>, path: NodePath) => void, path?: NodePath): TreeNodeInfo<T>[] | undefined;
+    protected _onNodeExpandCollapse(_id: string | number, expanded?: boolean): Promise<void>;
+    protected _onNodeContextMenu(_id: string | number): Promise<void>;
     protected buildData(data: TreeNodeInfo<T>[], obj: T, _?: any, _2?: any): TreeNodeInfo<T>[];
     getUpdatedState(_state: BPTreeComponentState<T>): BPTreeComponentState<T>;
-    deselectAll(): void;
-    setSelected(node?: TreeNodeInfo<T>): Promise<void>;
+    deselectAll(): Promise<void>;
+    setSelected(id?: string | string[], expand?: boolean): Promise<void>;
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render(): React.JSX.Element | null;
+    findSelectedNode(nodes?: TreeNodeInfo<T>[]): TreeNodeInfo<T> | undefined;
+    getFlatNodes(onlyVisible?: boolean, nodes?: TreeNodeInfo<T>[], res?: TreeNodeInfo<T>[]): TreeNodeInfo<T>[];
+    protected _handleKeyDown(e: React.KeyboardEvent): void;
+    protected _canDropNode(_sourceNode: TreeNodeInfo<T>, _sourcePath: NodePath, _targetNode: TreeNodeInfo<T>, _targetPath: NodePath, _index?: number): boolean;
+    protected _onDropNode(_sourceNode: TreeNodeInfo<T>, _sourcePath: NodePath, _targetNode: TreeNodeInfo<T>, _targetPath: NodePath, _e?: React.DragEvent, _index?: number): void;
+    render(): import("react/jsx-runtime").JSX.Element | null;
 }
+export {};

package/dist/bpComponents/BPTreeFolderComponent.d.ts

@@ -5,6 +5,6 @@ export declare class BPTreeFolderComponent extends BPTreeComponent<UiObjectConfi
     protected _getNodeId(obj: UiObjectConfig): string;
     protected _updateNodeInfo(node: TreeNodeInfo<UiObjectConfig>, obj: UiObjectConfig): TreeNodeInfo<UiObjectConfig<any, string, any>>;
     protected _getRootNodes(): UiObjectConfig[];
-    protected _onNodeClick(_node: TreeNodeInfo<UiObjectConfig>): Promise<void>;
-    protected _onNodeDoubleClick(_node: TreeNodeInfo<UiObjectConfig>): Promise<void>;
+    protected _onNodeClick(_id: string | number): Promise<void>;
+    protected _onNodeDoubleClick(_id: string | number): Promise<void>;
 }

package/dist/bpComponents/BPValueComponent.d.ts

@@ -1,15 +1,18 @@
 import { BPComponentProps, UiConfigRendererContextType } from "./BPComponent";
 import { BPLabelledComponent, BPLabelledComponentState } from "./BPLabelledComponent";
+import { PrimitiveVal } from "uiconfig.js";
 export type BPValueComponentState<TStateValue> = BPLabelledComponentState & {
     value: TStateValue;
 };
-export declare abstract class BPValueComponent<TValue, TState extends BPValueComponentState<TStateValue>, TStateValue> extends BPLabelledComponent<TValue, TState> {
+export declare abstract class BPValueComponent<TValue extends PrimitiveVal, TState extends BPValueComponentState<TStateValue>, TStateValue> extends BPLabelledComponent<TValue, TState> {
     protected constructor(props: BPComponentProps<TValue>, context: UiConfigRendererContextType, state: TState);
     abstract convertValueToState(value: TValue, state: TState): TState;
     abstract convertStateToValue(state: TState): Promise<TValue>;
+    private _lastValRef;
     getUpdatedState(state: TState): TState;
     protected _previousLast: boolean;
     doesNeedRefresh(state: TState, _last?: boolean): boolean;
+    setState(state: TState, callback?: () => void): void;
     setValue(value: TStateValue, last?: boolean): Promise<void>;
     forceOnChange: boolean;
     updateStateValue(state: TState, last?: boolean): Promise<void>;

package/dist/bpComponents/BPVectorInputComponent.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import { BPComponentProps, UiConfigRendererContextType } from "./BPComponent";
 import { BPInputComponent } from "./BPInputComponent";
 import { BPValueComponentState } from "./BPValueComponent";
@@ -8,6 +7,7 @@ export type BPVectorComponentState = BPValueComponentState<Vector2 | Vector3 | V
     max: number;
     step: number;
     components: 1 | 2 | 3 | 4;
+    unit?: string;
 };
 export declare class BPVectorInputComponent extends BPInputComponent<Vector2 | Vector3 | Vector4, BPVectorComponentState> {
     constructor(props: BPComponentProps<Vector2 | Vector3 | Vector4>, context: UiConfigRendererContextType);
@@ -16,5 +16,5 @@ export declare class BPVectorInputComponent extends BPInputComponent<Vector2 | V
     getUpdatedState(state: BPVectorComponentState): BPVectorComponentState;
     private _inputs;
     refreshConfigState(state?: BPVectorComponentState): Promise<void>;
-    renderInput(): React.JSX.Element | React.JSX.Element[];
+    renderInput(): import("react/jsx-runtime").JSX.Element | import("react/jsx-runtime").JSX.Element[];
 }

package/dist/bpComponents/GetNumberTransformFunctions.d.ts

@@ -0,0 +1,4 @@
+export declare function getNumberTransformFunctions(unit: string | undefined, unitType1: string | undefined, targetUnit: string | undefined): {
+    transformValue: ((v: number) => number) | undefined;
+    invTransformValue: ((v: number) => number) | undefined;
+};

package/dist/bpComponents/NumberUnits.d.ts

@@ -0,0 +1,7 @@
+export interface NumberUnit {
+    name: string;
+    symbol: string;
+    from: (value: number) => number;
+    to: (value: number) => number;
+}
+export declare const NumberUnits: Record<string, Record<string, NumberUnit>>;

package/dist/components/AppToaster.d.ts

@@ -0,0 +1,6 @@
+import { Toaster } from "@blueprintjs/core";
+export declare const AppToasterRef: {
+    ref: Toaster | null;
+};
+export declare const AppToaster: () => Toaster;
+export declare function AppToasterOverlay(): import("react/jsx-runtime").JSX.Element;

package/dist/components/ConfigurationPanelComponent.d.ts

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

package/dist/components/DialogContext.d.ts

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