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

package/README.md

@@ -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",
@@ -132,10 +134,34 @@ All code is licensed under [Apache 2.0](LICENSE).
 
 This part is still a WIP.
 
-Note: First check the dependencies.
+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

@@ -3,11 +3,12 @@ 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, {}> {

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-EYaH0Usv.js.map → allPaths-Dhco1c7a.js.map}

@@ -1 +1 @@
-{"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]}
+{"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-UVZ15qNf.js → allPathsLoader-BNvrKJa2.js}

@@ -1,8 +1,8 @@
-import { _ as n, a as o } from "./index-OyL-zObJ.js";
+import { _ as n, a as o } from "./index-GANXo7JZ.js";
 /**
  * @license
- * uiconfig-blueprint v0.1.0-dev.1
- * Copyright 2022-2024 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-EYaH0Usv.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-UVZ15qNf.js.map
+//# sourceMappingURL=allPathsLoader-BNvrKJa2.js.map

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

@@ -1 +1 @@
-{"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]}
+{"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;
+    protected flexBasis: string;
     render(): import("react/jsx-runtime").JSX.Element | null;
 }

package/dist/bpComponents/BPColorInputComponent.d.ts

@@ -20,5 +20,6 @@ export declare class BPColorInputComponent extends BPValueComponent<ColorReprese
     componentWillUnmount(): void;
     private _hasMouseUp;
     private _mouseUp;
+    protected flexBasis: string;
     render(): import("react/jsx-runtime").JSX.Element | null;
 }

package/dist/bpComponents/BPComponent.d.ts

@@ -10,17 +10,19 @@ export type BPComponentState = {
     hidden?: boolean;
     disabled?: boolean;
     readOnly?: boolean;
+    baseWidth?: string;
 };
 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> {
+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/BPFileComponent.d.ts

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

package/dist/bpComponents/BPFolderComponent.d.ts

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

package/dist/bpComponents/BPInputComponent.d.ts

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

package/dist/bpComponents/BPNumberInputComponent.d.ts

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

package/dist/bpComponents/BPSliderInputComponent.d.ts

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

package/dist/bpComponents/BPTreeComponent.d.ts

@@ -1,11 +1,16 @@
 import { BPComponent, BPComponentProps, BPComponentState, UiConfigRendererContextType } from "./BPComponent";
 import { TreeNodeInfo } from "@blueprintjs/core";
+import React from "react";
 export type BPTreeComponentState<T = {}> = BPComponentState & {
     nodes: TreeNodeInfo<T>[];
 };
-type NodePath = number[];
-export declare abstract class BPTreeComponent<T = {}, TConfigVal = void> extends BPComponent<TConfigVal, BPTreeComponentState<T>> {
-    constructor(props: BPComponentProps<TConfigVal>, context: UiConfigRendererContextType);
+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;
@@ -18,19 +23,24 @@ export declare abstract class BPTreeComponent<T = {}, TConfigVal = void> extends
     protected abstract _getNodeId(obj: T): string;
     protected abstract _updateNodeInfo(node: TreeNodeInfo<T>, obj: T): TreeNodeInfo<T>;
     protected abstract _getRootNodes(): T[];
-    protected _onNodeClick(_id: string | number, _path: number[]): Promise<void>;
-    protected _onNodeDoubleClick(_id: string | number, _path: number[]): 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 _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 _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(): Promise<void>;
-    setSelected(id?: string): Promise<void>;
+    setSelected(id?: string | string[], expand?: boolean): Promise<void>;
     componentDidMount(): void;
     componentWillUnmount(): void;
+    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/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

@@ -7,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);

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/DialogContext.d.ts

@@ -20,33 +20,41 @@ export declare function setupDialog(): {
     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 }: 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>;
+    prompt: ({ closeButtonText, submitButtonText, message, placeholder, value, showInput, onClose, onSubmit, ...props }: DialogPromptProps) => Promise<string | null>;
     close: () => void;
 };
+export {};

package/dist/components/DraggableIcon.d.ts

@@ -6,6 +6,7 @@ export declare class DraggableIcon extends React.Component<{
     value: number;
     stepSize?: number;
     small?: boolean;
+    disabled?: boolean;
     onChange: (v: number, last?: boolean) => void;
 }> {
     private cursor;

package/dist/components/ExtendedNumericInput.d.ts

@@ -3,11 +3,20 @@ import type { HTMLInputProps, NumericInputProps } from "@blueprintjs/core";
 export interface IExtendedNumericInputState {
     value?: string;
 }
-export declare class ExtendedNumericInput extends React.PureComponent<HTMLInputProps & NumericInputProps & {
-    onChange2: (v: number, last?: boolean) => void;
-}, IExtendedNumericInputState> {
+type Props = HTMLInputProps & NumericInputProps & {
+    onChange2?: (v: number, last?: boolean) => void;
+    transformValue?: (v: number) => number;
+    invTransformValue?: (v: number) => number;
+    draggableIcon?: boolean;
+    value?: number | undefined;
+    defaultValue?: number | undefined;
+};
+export declare class ExtendedNumericInput extends React.PureComponent<Props, IExtendedNumericInputState> {
+    invTransformValue: (v: number | undefined) => number;
+    transformValue: (v: number | undefined) => number;
     state: IExtendedNumericInputState;
     setValue(val?: number): Promise<void>;
+    componentDidUpdate(prevProps: Props): void;
     render(): import("react/jsx-runtime").JSX.Element;
     private handleBlur;
     private _lastChangedValue;
@@ -23,3 +32,4 @@ export declare class ExtendedNumericInput extends React.PureComponent<HTMLInputP
     private expandScientificNotationNumber;
     private roundValue;
 }
+export {};

package/dist/components/FileComponent.d.ts

@@ -2,6 +2,8 @@ import React from "react";
 import { BPFileComponentState } from "../bpComponents/BPFileComponent";
 export interface FileComponentProps {
     state: BPFileComponentState;
-    onChange: (state: Partial<BPFileComponentState>) => void;
+    onChange: (state: Partial<BPFileComponentState>) => Promise<void>;
+    previewSlot?: React.ReactNode;
+    uuid?: string;
 }
 export declare const FileComponent: React.FC<FileComponentProps>;

package/dist/components/InspectorStackComponent.d.ts

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

package/dist/components/NumericInput.d.ts

@@ -0,0 +1,79 @@
+import { AbstractPureComponent, type HTMLInputProps, Position } from "@blueprintjs/core";
+import type { InputSharedProps } from "@blueprintjs/core/src/components/forms/inputSharedProps";
+export interface NumericInputProps extends InputSharedProps {
+    allowNumericCharactersOnly?: boolean;
+    asyncControl?: boolean;
+    buttonPosition?: typeof Position.LEFT | typeof Position.RIGHT | "none";
+    clampValueOnBlur?: boolean;
+    defaultValue?: number | string;
+    large?: boolean;
+    locale?: string;
+    majorStepSize?: number | null;
+    max?: number;
+    min?: number;
+    minorStepSize?: number | null;
+    selectAllOnFocus?: boolean;
+    selectAllOnIncrement?: boolean;
+    small?: boolean;
+    stepSize?: number;
+    value?: number | string;
+    onButtonClick?(valueAsNumber: number, valueAsString: string): void;
+    onValueChange?(valueAsNumber: number, valueAsString: string, inputElement: HTMLInputElement | null): void;
+}
+export interface NumericInputState {
+    currentImeInputInvalid: boolean;
+    prevMinProp?: number;
+    prevMaxProp?: number;
+    shouldSelectAfterUpdate: boolean;
+    stepMaxPrecision: number;
+    value: string;
+}
+export declare class NumericInput extends AbstractPureComponent<HTMLInputProps & NumericInputProps, NumericInputState> {
+    static displayName: string;
+    static VALUE_EMPTY: string;
+    static VALUE_ZERO: string;
+    private numericInputId;
+    static defaultProps: NumericInputProps;
+    static getDerivedStateFromProps(props: NumericInputProps, state: NumericInputState): {
+        stepMaxPrecision: number;
+        value: string;
+        prevMaxProp: number | undefined;
+        prevMinProp: number | undefined;
+    };
+    private static CONTINUOUS_CHANGE_DELAY;
+    private static CONTINUOUS_CHANGE_INTERVAL;
+    private static getStepMaxPrecision;
+    private static roundAndClampValue;
+    state: NumericInputState;
+    private didPasteEventJustOccur;
+    private delta;
+    inputElement: HTMLInputElement | null;
+    private inputRef;
+    private intervalId?;
+    private incrementButtonHandlers;
+    private decrementButtonHandlers;
+    private getCurrentValueAsNumber;
+    render(): import("react/jsx-runtime").JSX.Element;
+    componentDidUpdate(prevProps: NumericInputProps, prevState: NumericInputState): void;
+    protected validateProps(nextProps: HTMLInputProps & NumericInputProps): void;
+    private renderButtons;
+    private renderInput;
+    private getButtonEventHandlers;
+    private handleButtonClick;
+    private startContinuousChange;
+    private stopContinuousChange;
+    private handleContinuousChange;
+    private handleInputFocus;
+    private handleInputBlur;
+    private handleInputKeyDown;
+    private handleCompositionEnd;
+    private handleCompositionUpdate;
+    private handleInputKeyPress;
+    private handleInputPaste;
+    private handleInputChange;
+    private handleNextValue;
+    private incrementValue;
+    private getIncrementDelta;
+    private roundAndClampValue;
+    private updateDelta;
+}

package/dist/components/Tree2.d.ts

@@ -0,0 +1,52 @@
+import * as React from "react";
+import type { TreeEventHandler } from "@blueprintjs/core";
+import { type Props } from "@blueprintjs/core";
+import { TreeNodeInfo } from "./treeTypes";
+export interface TreeProps<T = {}> extends Props {
+    compact?: boolean;
+    contents: ReadonlyArray<TreeNodeInfo<T>>;
+    onNodeClick?: TreeEventHandler<T>;
+    onNodeCollapse?: TreeEventHandler<T>;
+    onNodeContextMenu?: TreeEventHandler<T>;
+    onNodeDoubleClick?: TreeEventHandler<T>;
+    onNodeExpand?: TreeEventHandler<T>;
+    onNodeMouseEnter?: TreeEventHandler<T>;
+    onNodeMouseLeave?: TreeEventHandler<T>;
+    onNodeDrop?: (source: TreeNodeInfo<T>, sourcePath: number[], target: TreeNodeInfo<T>, targetPath: number[], event: React.DragEvent<HTMLElement>, index?: number) => void;
+    onNodeDragStart?: (node: TreeNodeInfo<T>, path: number[], event: React.DragEvent<HTMLElement>) => void;
+    onNodeDragOver?: (node: TreeNodeInfo<T>, path: number[], event: React.DragEvent<HTMLElement>) => void;
+    onNodeDragEnd?: (node: TreeNodeInfo<T>, path: number[], event: React.DragEvent<HTMLElement>) => void;
+    onNodeDragEnter?: (node: TreeNodeInfo<T>, path: number[], event: React.DragEvent<HTMLElement>) => void;
+    onNodeDragLeave?: (node: TreeNodeInfo<T>, path: number[], event: React.DragEvent<HTMLElement>) => void;
+    canDropNode?: (source: TreeNodeInfo<T>, sourcePath: number[], target: TreeNodeInfo<T>, targetPath: number[], index?: number) => boolean;
+}
+export declare class Tree2<T = {}> extends React.Component<TreeProps<T>> {
+    static displayName: string;
+    static ofType<U>(): new (props: TreeProps<U>) => Tree2<U>;
+    static nodeFromPath<U>(path: readonly number[], treeNodes?: ReadonlyArray<TreeNodeInfo<U>>): TreeNodeInfo<U>;
+    private nodeRefs;
+    private dragSource;
+    private draggingNode?;
+    private dragOverNode?;
+    private rootRef;
+    render(): import("react/jsx-runtime").JSX.Element;
+    getNodeContentElement(nodeId: string | number): HTMLElement | undefined;
+    private renderNodeSpacer;
+    private renderNodes;
+    private handleContentRef;
+    private handleNodeCollapse;
+    private handleNodeClick;
+    private handleNodeContextMenu;
+    private handleNodeDoubleClick;
+    private handleNodeExpand;
+    private handleNodeMouseEnter;
+    private handleNodeMouseLeave;
+    private handleNodeDragStart;
+    private handleNodeDragOver;
+    private handleNodeDrop;
+    private handleNodeDragEnd;
+    private handleNodeDragEnter;
+    private handleNodeDragLeave;
+    private addNodeClass;
+    private removeNodeClass;
+}