uiconfig-blueprint 0.0.1

package/dist/bpComponents/BPToggleInputComponent.d.ts

@@ -0,0 +1,9 @@
+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;
+}

package/dist/bpComponents/BPTreeComponent.d.ts

@@ -0,0 +1,32 @@
+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;
+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 _createNodeInfo(id: string, obj: T): {
+        id: string;
+        label: string;
+        nodeData: T;
+        childNodes: never[];
+    };
+    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 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>;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): React.JSX.Element | null;
+}

package/dist/bpComponents/BPTreeFolderComponent.d.ts

@@ -0,0 +1,10 @@
+import { TreeNodeInfo } from "@blueprintjs/core";
+import { BPTreeComponent } from "./BPTreeComponent";
+import { UiObjectConfig } from 'uiconfig.js';
+export declare class BPTreeFolderComponent extends BPTreeComponent<UiObjectConfig> {
+    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>;
+}

package/dist/bpComponents/BPValueComponent.d.ts

@@ -0,0 +1,16 @@
+import { BPComponentProps, UiConfigRendererContextType } from "./BPComponent";
+import { BPLabelledComponent, BPLabelledComponentState } from "./BPLabelledComponent";
+export type BPValueComponentState<TStateValue> = BPLabelledComponentState & {
+    value: TStateValue;
+};
+export declare abstract class BPValueComponent<TValue, 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>;
+    getUpdatedState(state: TState): TState;
+    protected _previousLast: boolean;
+    doesNeedRefresh(state: TState, _last?: boolean): boolean;
+    setValue(value: TStateValue, last?: boolean): Promise<void>;
+    forceOnChange: boolean;
+    updateStateValue(state: TState, last?: boolean): Promise<void>;
+}

package/dist/bpComponents/BPVectorInputComponent.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import { BPComponentProps, UiConfigRendererContextType } from "./BPComponent";
+import { BPInputComponent } from "./BPInputComponent";
+import { BPValueComponentState } from "./BPValueComponent";
+import type { Vector2, Vector3, Vector4 } from "three";
+export type BPVectorComponentState = BPValueComponentState<Vector2 | Vector3 | Vector4> & {
+    min: number;
+    max: number;
+    step: number;
+    components: 1 | 2 | 3 | 4;
+};
+export declare class BPVectorInputComponent extends BPInputComponent<Vector2 | Vector3 | Vector4, BPVectorComponentState> {
+    constructor(props: BPComponentProps<Vector2 | Vector3 | Vector4>, context: UiConfigRendererContextType);
+    forceOnChange: boolean;
+    doesNeedRefresh(_: BPVectorComponentState): boolean;
+    getUpdatedState(state: BPVectorComponentState): BPVectorComponentState;
+    private _inputs;
+    refreshConfigState(state?: BPVectorComponentState): Promise<void>;
+    renderInput(): React.JSX.Element | React.JSX.Element[];
+}

package/dist/components/DraggableIcon.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { IconName, MaybeElement } from "@blueprintjs/core";
+export declare class DraggableIcon extends React.Component<{
+    icon: IconName | MaybeElement;
+    value: number;
+    stepSize?: number;
+    onChange: (v: number, last?: boolean) => void;
+}> {
+    private cursor;
+    private dragStartOffset;
+    private dragStartValue;
+    private lastValue;
+    private removeEvents;
+    private mouseUpEvent;
+    private mouseMoveEvent;
+    render(): React.JSX.Element;
+}

package/dist/components/ExtendedNumericInput.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+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> {
+    state: IExtendedNumericInputState;
+    setValue(val?: number): Promise<void>;
+    render(): React.JSX.Element;
+    private handleBlur;
+    private handleKeyDown;
+    private handleValueChange;
+    private handleConfirm;
+    private expandScientificNotationTerms;
+    private expandNumberAbbreviationTerms;
+    private evaluateSimpleMathExpression;
+    private nanStringToEmptyString;
+    private expandAbbreviatedNumber;
+    private expandScientificNotationNumber;
+    private roundValue;
+}

package/dist/components/FileComponent.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { BPFileComponentState } from "../bpComponents/BPFileComponent";
+export interface FileComponentProps {
+    state: BPFileComponentState;
+    onChange: (state: Partial<BPFileComponentState>) => void;
+}
+export declare const FileComponent: React.FC<FileComponentProps>;

package/dist/components/FormGroupComponent.d.ts

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

package/dist/components/InspectorStackComponent.d.ts

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

package/dist/components/VisualStyleContext.d.ts

@@ -0,0 +1,110 @@
+import React from 'react';
+export declare const defaultVisualStyle: {
+    darkMode: boolean;
+    setDarkMode: (_: boolean) => void;
+    themes: {
+        'bpx-default': {
+            label: string;
+            link: string;
+        };
+        'bpx-bpv3': {
+            label: string;
+            link: string;
+        };
+        'bpx-flat': {
+            label: string;
+            link: string;
+        };
+        'bpx-carbon': {
+            label: string;
+            link: string;
+        };
+        'bpx-antd': {
+            label: string;
+            link: string;
+        };
+        'bpx-fluent': {
+            label: string;
+            link: string;
+        };
+        'bpx-pnnl': {
+            label: string;
+            link: string;
+        };
+    };
+    theme: string;
+    setTheme: (_: string) => void;
+};
+export declare const VisualStyleContext: React.Context<{
+    darkMode: boolean;
+    setDarkMode: (_: boolean) => void;
+    themes: {
+        'bpx-default': {
+            label: string;
+            link: string;
+        };
+        'bpx-bpv3': {
+            label: string;
+            link: string;
+        };
+        'bpx-flat': {
+            label: string;
+            link: string;
+        };
+        'bpx-carbon': {
+            label: string;
+            link: string;
+        };
+        'bpx-antd': {
+            label: string;
+            link: string;
+        };
+        'bpx-fluent': {
+            label: string;
+            link: string;
+        };
+        'bpx-pnnl': {
+            label: string;
+            link: string;
+        };
+    };
+    theme: string;
+    setTheme: (_: string) => void;
+}>;
+export declare const useVisualStyle: () => {
+    darkMode: boolean;
+    setDarkMode: (_: boolean) => void;
+    themes: {
+        'bpx-default': {
+            label: string;
+            link: string;
+        };
+        'bpx-bpv3': {
+            label: string;
+            link: string;
+        };
+        'bpx-flat': {
+            label: string;
+            link: string;
+        };
+        'bpx-carbon': {
+            label: string;
+            link: string;
+        };
+        'bpx-antd': {
+            label: string;
+            link: string;
+        };
+        'bpx-fluent': {
+            label: string;
+            link: string;
+        };
+        'bpx-pnnl': {
+            label: string;
+            link: string;
+        };
+    };
+    theme: string;
+    setTheme: (_: string) => void;
+};
+export declare function ThemeSettingsMenuComponent(): React.JSX.Element;

package/dist/components/bpIconWrapper.d.ts

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

package/dist/components/variableIcons.d.ts

@@ -0,0 +1,41 @@
+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;

package/dist/contexts.d.ts

@@ -0,0 +1 @@
+export {};