uiconfig-blueprint 0.0.3 → 0.1.0-dev.1

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
 
@@ -127,3 +127,15 @@ 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.
+
+Import from `uiconfig-blueprint/lib` build.
+
+```javascript
+import {ConfigurationPanelComponent} from 'uiconfig-blueprint/lib/esm/lib'
+```

package/dist/ConfigObject.d.ts

@@ -1,5 +1,6 @@
 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';
@@ -8,9 +9,10 @@ export interface ConfigProps extends PanelActions {
     isPanel?: boolean;
     level?: number;
 }
+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/allPaths-EYaH0Usv.js

@@ -0,0 +1,23 @@
+import { I as n } from "./index-0vU2D25U.js";
+import { I as e } from "./index-JBvBPdy9.js";
+import { p as r, I as s } from "./index-OyL-zObJ.js";
+/**
+ * @license
+ * uiconfig-blueprint v0.1.0-dev.1
+ * Copyright 2022-2024 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-EYaH0Usv.js.map

package/dist/{allPaths-3YKfhB8Q.js.map → allPaths-EYaH0Usv.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-EYaH0Usv.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-UVZ15qNf.js}

@@ -1,8 +1,8 @@
-import { _ as n, a as o } from "./index-zXngzS2o.js";
+import { _ as n, a as o } from "./index-OyL-zObJ.js";
 /**
  * @license
- * uiconfig-blueprint v0.0.3
- * Copyright 2022-2023 repalash <palash@shaders.app>
+ * uiconfig-blueprint v0.1.0-dev.1
+ * Copyright 2022-2024 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-EYaH0Usv.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-UVZ15qNf.js.map

package/dist/{allPathsLoader-lWFPuUtu.js.map → allPathsLoader-UVZ15qNf.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-UVZ15qNf.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]}

package/dist/bpComponents/BPButtonComponent.d.ts

@@ -4,5 +4,5 @@ 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;
+    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,5 @@ export declare class BPColorInputComponent extends BPValueComponent<ColorReprese
     componentWillUnmount(): void;
     private _hasMouseUp;
     private _mouseUp;
-    render(): React.JSX.Element | null;
+    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;
@@ -10,10 +11,13 @@ export type BPComponentState = {
     disabled?: boolean;
     readOnly?: boolean;
 };
-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>;
+    static contextType: React.Context<UiConfigRendererBaseBp>;
     context: UiConfigRendererContextType;
     protected constructor(props: TProps, context: UiConfigRendererContextType, state: TState);
     setStatePromise(state: TState): Promise<void>;

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,4 +1,3 @@
-import React from "react";
 import { BPComponentProps, UiConfigRendererContextType } from "./BPComponent";
 import { BPValueComponent, BPValueComponentState } from "./BPValueComponent";
 type StateValue = string | File | null;
@@ -21,6 +20,6 @@ export declare class BPFileComponent extends BPValueComponent<FileImportType | n
     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;
+    render(): import("react/jsx-runtime").JSX.Element | null;
 }
 export {};

package/dist/bpComponents/BPFolderComponent.d.ts

@@ -5,7 +5,7 @@ import { BPContainerComponent, BPContainerComponentState } from './BPContainerCo
 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;

package/dist/bpComponents/BPInputComponent.d.ts

@@ -1,11 +1,11 @@
 import { BPValueComponent, BPValueComponentState } from "./BPValueComponent";
 import { BPComponentProps, UiConfigRendererContextType } from "./BPComponent";
-import React, { ReactNode } from "react";
+import { ReactNode } from "react";
 export declare abstract class BPInputComponent<TStateValue, 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,4 +1,3 @@
-import React from "react";
 import { BPComponentProps, UiConfigRendererContextType } from "./BPComponent";
 import { BPInputComponent } from "./BPInputComponent";
 import { BPValueComponentState } from "./BPValueComponent";
@@ -7,5 +6,5 @@ export declare class BPNumberInputComponent extends BPInputComponent<number> {
     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";
@@ -11,5 +10,5 @@ export declare class BPSliderInputComponent extends BPInputComponent<number, BPS
     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

@@ -1,32 +1,36 @@
 import { BPComponent, BPComponentProps, BPComponentState, UiConfigRendererContextType } from "./BPComponent";
 import { TreeNodeInfo } from "@blueprintjs/core";
-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;
+type NodePath = number[];
 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>>;
+    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, _path: number[]): Promise<void>;
+    protected _onNodeDoubleClick(_id: string | number, _path: number[]): Promise<void>;
+    protected _cloneNodes(callback?: (t: TreeNodeInfo<T>) => void, state?: TreeNodeInfo<T>[]): TreeNodeInfo<T>[];
+    protected _forEachNode<T>(nodes: TreeNodeInfo<T>[] | undefined, callback: (node: TreeNodeInfo<T>) => void): TreeNodeInfo<T>[] | undefined;
+    protected _forNodeAtPath<T>(nodes: TreeNodeInfo<T>[], path: NodePath, callback: (node: TreeNodeInfo<T>) => void): void;
+    protected _onNodeExpandCollapse(_id: string | number, _path: number[]): Promise<void>;
+    protected _onNodeContextMenu(_id: string | number, _path: 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): Promise<void>;
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render(): React.JSX.Element | null;
+    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/BPVectorInputComponent.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import { BPComponentProps, UiConfigRendererContextType } from "./BPComponent";
 import { BPInputComponent } from "./BPInputComponent";
 import { BPValueComponentState } from "./BPValueComponent";
@@ -16,5 +15,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/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,52 @@
+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>>;
+};
+export declare const DialogContext: import("react").Context<{
+    dialog: DialogStateType;
+    open: (d: Partial<DialogStateType>) => void;
+    close: () => void;
+    setDialog: Dispatch<SetStateAction<DialogStateType>>;
+}>;
+export declare const useDialog: () => {
+    dialog: DialogStateType;
+    open: (d: Partial<DialogStateType>) => void;
+    close: () => void;
+    setDialog: Dispatch<SetStateAction<DialogStateType>>;
+};
+export declare function DialogProvider({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DialogComponent(): import("react/jsx-runtime").JSX.Element;
+export declare function useDialogPrompt(): {
+    prompt: ({ closeButtonText, submitButtonText, message, placeholder, value, showInput, onClose, onSubmit, ...props }: Partial<DialogStateType> & {
+        closeButtonText?: string | undefined;
+        submitButtonText?: string | undefined;
+        message?: string | undefined;
+        placeholder?: string | undefined;
+        value?: string | undefined;
+        showInput?: boolean | undefined;
+        onClose?: ((value: string) => boolean | undefined | Promise<boolean | undefined>) | undefined;
+        onSubmit?: ((value: string) => boolean | undefined | any | Promise<boolean | undefined | any>) | undefined;
+    }) => Promise<string | null>;
+    close: () => void;
+};

package/dist/components/DraggableIcon.d.ts

@@ -15,5 +15,5 @@ export declare class DraggableIcon extends React.Component<{
     private removeEvents;
     private mouseUpEvent;
     private mouseMoveEvent;
-    render(): React.JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/dist/components/ExtendedNumericInput.d.ts

@@ -8,7 +8,7 @@ export declare class ExtendedNumericInput extends React.PureComponent<HTMLInputP
 }, IExtendedNumericInputState> {
     state: IExtendedNumericInputState;
     setValue(val?: number): Promise<void>;
-    render(): React.JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
     private handleBlur;
     private _lastChangedValue;
     private handleKeyDown;

package/dist/components/FormGroupComponent.d.ts

@@ -1,6 +1,6 @@
-import React, { PropsWithChildren } from "react";
+import { PropsWithChildren } from "react";
 export declare function FormGroupComponent(props: PropsWithChildren<{
     label: string;
     flexBasis?: string;
     disabled?: boolean;
-}>): React.JSX.Element;
+}>): import("react/jsx-runtime").JSX.Element;

package/dist/components/InspectorStackComponent.d.ts

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

package/dist/components/VisualStyleContext.d.ts

@@ -107,4 +107,13 @@ export declare const useVisualStyle: () => {
     theme: string;
     setTheme: (_: string) => void;
 };
-export declare function ThemeSettingsMenuComponent(): React.JSX.Element;
+export declare function setupVisualStyle(): {
+    darkMode: boolean;
+    setDarkMode: React.Dispatch<React.SetStateAction<boolean>>;
+    theme: string;
+    setTheme: React.Dispatch<React.SetStateAction<string>>;
+};
+export declare function VisualStyleProvider({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ThemeSettingsMenuComponent(): import("react/jsx-runtime").JSX.Element;

package/dist/components/bpIconWrapper.d.ts

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

package/dist/components/loadingState.d.ts

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

package/dist/components/variableIcons.d.ts

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