uiconfig-blueprint 0.1.0-dev.7 → 0.1.0-dev.9

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/{allPaths-BOo4cECg.js → allPaths-C4QHVET-.js}

@@ -1,9 +1,9 @@
-import { I as n } from "./index-BttMe1vP.js";
-import { I as e } from "./index-B0IO--x7.js";
-import { p as r, I as s } from "./index-13b-jSvJ.js";
+import { I as n } from "./index-BVSBMJ4w.js";
+import { I as e } from "./index-BKXNXgJi.js";
+import { p as r, I as s } from "./index-2Z2Mq97s.js";
 /**
  * @license
- * uiconfig-blueprint v0.1.0-dev.7
+ * uiconfig-blueprint v0.1.0-dev.9
  * Copyright 2022-2025 repalash <palash@shaders.app>
  * Apache-2.0 License
  */
@@ -20,4 +20,4 @@ export {
   I as getIconPaths,
   p as iconNameToPathsRecordKey
 };
-//# sourceMappingURL=allPaths-BOo4cECg.js.map
+//# sourceMappingURL=allPaths-C4QHVET-.js.map

package/dist/{allPaths-BOo4cECg.js.map → allPaths-C4QHVET-.js.map}

@@ -1 +1 @@
-{"version":3,"file":"allPaths-BOo4cECg.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-C4QHVET-.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-B4vYL2gG.js → allPathsLoader-Dm-MlOxQ.js}

@@ -1,7 +1,7 @@
-import { _ as n, a as o } from "./index-13b-jSvJ.js";
+import { _ as n, a as o } from "./index-2Z2Mq97s.js";
 /**
  * @license
- * uiconfig-blueprint v0.1.0-dev.7
+ * uiconfig-blueprint v0.1.0-dev.9
  * Copyright 2022-2025 repalash <palash@shaders.app>
  * Apache-2.0 License
  */
@@ -13,7 +13,7 @@ var s = function(a, e) {
         case 0:
           return [4, import(
             /* webpackChunkName: "blueprint-icons-all-paths" */
-            "./allPaths-BOo4cECg.js"
+            "./allPaths-C4QHVET-.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-B4vYL2gG.js.map
+//# sourceMappingURL=allPathsLoader-Dm-MlOxQ.js.map

package/dist/{allPathsLoader-B4vYL2gG.js.map → allPathsLoader-Dm-MlOxQ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"allPathsLoader-B4vYL2gG.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]}
+{"version":3,"file":"allPathsLoader-Dm-MlOxQ.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/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/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

@@ -33,7 +33,7 @@ export declare abstract class BPTreeComponent<T = {}, TConfigVal extends any = v
     protected buildData(data: TreeNodeInfo<T>[], obj: T, _?: any, _2?: any): TreeNodeInfo<T>[];
     getUpdatedState(_state: BPTreeComponentState<T>): BPTreeComponentState<T>;
     deselectAll(): Promise<void>;
-    setSelected(id?: string, expand?: boolean): Promise<void>;
+    setSelected(id?: string | string[], expand?: boolean): Promise<void>;
     componentDidMount(): void;
     componentWillUnmount(): void;
     findSelectedNode(nodes?: TreeNodeInfo<T>[]): TreeNodeInfo<T> | undefined;

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

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