uiconfig-blueprint 0.1.0-dev.6 → 0.1.0-dev.8

package/lib/esm/components/Tree2.js

@@ -0,0 +1,177 @@
+import { createElement as _createElement } from "react";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from "classnames";
+import * as React from "react";
+import { Classes, DISPLAYNAME_PREFIX } from "@blueprintjs/core";
+import { TreeNode2 } from "./TreeNode2";
+import { TREE_NODE } from "@blueprintjs/core/lib/esnext/common/classes";
+export class Tree2 extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.nodeRefs = {};
+        this.dragSource = null;
+        this.rootRef = React.createRef();
+        this.renderNodeSpacer = (node, path, i) => {
+            return _jsx("li", { className: Classes.TREE + "-drop-spacer", children: _jsx("div", { onDragOver: (e) => this.handleNodeDragOver(node, path, e, i), onDrop: (e) => this.handleNodeDrop(node, path, e, i), onDragEnter: (e) => this.handleNodeDragEnter(node, path, e, i), onDragLeave: (e) => this.handleNodeDragLeave(node, path, e, i) }) }, "drop-" + node.id + "-" + i);
+        };
+        this.handleContentRef = (node, element) => {
+            if (element != null) {
+                this.nodeRefs[node.id] = element;
+            }
+            else {
+                delete this.nodeRefs[node.id];
+            }
+        };
+        this.handleNodeCollapse = (node, path, e) => {
+            var _a, _b;
+            (_b = (_a = this.props).onNodeCollapse) === null || _b === void 0 ? void 0 : _b.call(_a, node, path, e);
+        };
+        this.handleNodeClick = (node, path, e) => {
+            var _a, _b;
+            (_b = (_a = this.props).onNodeClick) === null || _b === void 0 ? void 0 : _b.call(_a, node, path, e);
+        };
+        this.handleNodeContextMenu = (node, path, e) => {
+            var _a, _b;
+            (_b = (_a = this.props).onNodeContextMenu) === null || _b === void 0 ? void 0 : _b.call(_a, node, path, e);
+        };
+        this.handleNodeDoubleClick = (node, path, e) => {
+            var _a, _b;
+            (_b = (_a = this.props).onNodeDoubleClick) === null || _b === void 0 ? void 0 : _b.call(_a, node, path, e);
+        };
+        this.handleNodeExpand = (node, path, e) => {
+            var _a, _b;
+            (_b = (_a = this.props).onNodeExpand) === null || _b === void 0 ? void 0 : _b.call(_a, node, path, e);
+        };
+        this.handleNodeMouseEnter = (node, path, e) => {
+            var _a, _b;
+            (_b = (_a = this.props).onNodeMouseEnter) === null || _b === void 0 ? void 0 : _b.call(_a, node, path, e);
+        };
+        this.handleNodeMouseLeave = (node, path, e) => {
+            var _a, _b;
+            (_b = (_a = this.props).onNodeMouseLeave) === null || _b === void 0 ? void 0 : _b.call(_a, node, path, e);
+        };
+        this.handleNodeDragStart = (node, path, e) => {
+            var _a, _b, _c, _d;
+            this.dragSource = { node, path };
+            this.draggingNode = { node, path };
+            (_b = (_a = this.rootRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.classList.add(Classes.TREE + "-dragging-node");
+            this.addNodeClass(node, TREE_NODE + "-dragging");
+            e.dataTransfer.effectAllowed = "move";
+            try {
+                e.dataTransfer.setData("application/json", JSON.stringify({ nodeId: node.id, path }));
+            }
+            catch (_e) {
+            }
+            (_d = (_c = this.props).onNodeDragStart) === null || _d === void 0 ? void 0 : _d.call(_c, node, path, e);
+        };
+        this.handleNodeDragOver = (node, path, e, index) => {
+            var _a, _b, _c, _d, _e;
+            if (this.dragSource && this.props.canDropNode) {
+                const canDrop = this.props.canDropNode(this.dragSource.node, this.dragSource.path, node, path, index);
+                if (!canDrop) {
+                    e.dataTransfer.dropEffect = "none";
+                    e.preventDefault();
+                    return;
+                }
+            }
+            const currentTarget = e.currentTarget;
+            if ((((_a = this.dragOverNode) === null || _a === void 0 ? void 0 : _a.node.id) !== node.id || ((_b = this.dragOverNode) === null || _b === void 0 ? void 0 : _b.currentTarget) !== currentTarget) && ((_c = this.draggingNode) === null || _c === void 0 ? void 0 : _c.node.id) !== node.id) {
+                if (this.dragOverNode)
+                    this.removeNodeClass(this.dragOverNode.node, TREE_NODE + "-dragover", this.dragOverNode.currentTarget);
+                this.dragOverNode = { node, path, currentTarget };
+                this.addNodeClass(this.dragOverNode.node, TREE_NODE + "-dragover", this.dragOverNode.currentTarget);
+            }
+            e.preventDefault();
+            e.dataTransfer.dropEffect = "move";
+            (_e = (_d = this.props).onNodeDragOver) === null || _e === void 0 ? void 0 : _e.call(_d, node, path, e);
+        };
+        this.handleNodeDrop = (targetNode, targetPath, e, index) => {
+            var _a, _b;
+            e.preventDefault();
+            const source = this.dragSource;
+            const canDrop = !source ? false : (this.props.canDropNode ? this.props.canDropNode(source.node, source.path, targetNode, targetPath, index) : true);
+            if (this.dragOverNode)
+                this.removeNodeClass(this.dragOverNode.node, TREE_NODE + "-dragover", this.dragOverNode.currentTarget);
+            if (this.draggingNode)
+                this.removeNodeClass(this.draggingNode.node, TREE_NODE + "-dragging");
+            this.dragSource = null;
+            this.draggingNode = undefined;
+            (_b = (_a = this.rootRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.classList.remove(Classes.TREE + "-dragging-node");
+            this.dragOverNode = undefined;
+            if (canDrop && source && this.props.onNodeDrop) {
+                this.props.onNodeDrop(source.node, source.path, targetNode, targetPath, e, index);
+            }
+        };
+        this.handleNodeDragEnd = (node, path, e, _index) => {
+            var _a, _b, _c, _d;
+            if (this.draggingNode)
+                this.removeNodeClass(this.draggingNode.node, TREE_NODE + "-dragging");
+            if (this.dragOverNode)
+                this.removeNodeClass(this.dragOverNode.node, TREE_NODE + "-dragover", this.dragOverNode.currentTarget);
+            this.dragSource = null;
+            this.draggingNode = undefined;
+            (_b = (_a = this.rootRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.classList.remove(Classes.TREE + "-dragging-node");
+            this.dragOverNode = undefined;
+            (_d = (_c = this.props).onNodeDragEnd) === null || _d === void 0 ? void 0 : _d.call(_c, node, path, e);
+        };
+        this.handleNodeDragEnter = (node, path, e, _index) => {
+            var _a, _b;
+            (_b = (_a = this.props).onNodeDragEnter) === null || _b === void 0 ? void 0 : _b.call(_a, node, path, e);
+        };
+        this.handleNodeDragLeave = (node, path, e, _index) => {
+            var _a, _b;
+            if (this.dragOverNode)
+                this.removeNodeClass(this.dragOverNode.node, TREE_NODE + "-dragover", this.dragOverNode.currentTarget);
+            this.dragOverNode = undefined;
+            (_b = (_a = this.props).onNodeDragLeave) === null || _b === void 0 ? void 0 : _b.call(_a, node, path, e);
+        };
+        this.addNodeClass = (node, className, currentTarget) => {
+            const el = this.nodeRefs[!Array.isArray(node) ? node.id : Tree2.nodeFromPath(node, this.props.contents).id];
+            if (el)
+                el.classList.add(className);
+            if (currentTarget)
+                currentTarget.classList.add(className);
+        };
+        this.removeNodeClass = (node, className, currentTarget) => {
+            const el = this.nodeRefs[!Array.isArray(node) ? node.id : Tree2.nodeFromPath(node, this.props.contents).id];
+            if (el)
+                el.classList.remove(className);
+            if (currentTarget)
+                currentTarget.classList.remove(className);
+        };
+    }
+    static ofType() {
+        return Tree2;
+    }
+    static nodeFromPath(path, treeNodes) {
+        if (path.length === 1) {
+            return treeNodes[path[0]];
+        }
+        else {
+            return Tree2.nodeFromPath(path.slice(1), treeNodes[path[0]].childNodes);
+        }
+    }
+    render() {
+        return (_jsx("div", { className: classNames(Classes.TREE, this.props.className, {
+                [Classes.COMPACT]: this.props.compact,
+            }), ref: this.rootRef, children: this.renderNodes(this.props.contents, [], Classes.TREE_ROOT) }));
+    }
+    getNodeContentElement(nodeId) {
+        return this.nodeRefs[nodeId];
+    }
+    renderNodes(treeNodes, currentPath, className, parentNode) {
+        if (treeNodes == null) {
+            return null;
+        }
+        const nodeItems = treeNodes.map((node, i) => {
+            const elementPath = currentPath.concat(i);
+            const draggable = !!node.draggable;
+            const droppable = !!node.droppable;
+            const parentDroppable = !!(parentNode && parentNode.droppable);
+            return (_jsxs(_Fragment, { children: [parentDroppable && i === 0 && this.renderNodeSpacer(parentNode, elementPath, i), _createElement(TreeNode2, Object.assign({}, node, { key: node.id, contentRef: this.handleContentRef, depth: elementPath.length - 1, onClick: this.handleNodeClick, onContextMenu: this.handleNodeContextMenu, onCollapse: this.handleNodeCollapse, onDoubleClick: this.handleNodeDoubleClick, onExpand: this.handleNodeExpand, onMouseEnter: this.handleNodeMouseEnter, onMouseLeave: this.handleNodeMouseLeave, path: elementPath, draggable: draggable, onDragStart: draggable ? this.handleNodeDragStart : undefined, onDragEnd: draggable ? this.handleNodeDragEnd : undefined, onDragOver: droppable ? this.handleNodeDragOver : undefined, onDrop: droppable ? this.handleNodeDrop : undefined, onDragEnter: droppable ? this.handleNodeDragEnter : undefined, onDragLeave: droppable ? this.handleNodeDragLeave : undefined }), this.renderNodes(node.childNodes, elementPath, undefined, node)), parentDroppable && i >= 0 && this.renderNodeSpacer(parentNode, elementPath, i + 1)] }));
+        });
+        return _jsx("ul", { className: classNames(Classes.TREE_NODE_LIST, className), children: nodeItems });
+    }
+}
+Tree2.displayName = `${DISPLAYNAME_PREFIX}.Tree`;
+//# sourceMappingURL=Tree2.js.map

package/lib/esm/components/Tree2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tree2.js","sourceRoot":"","sources":["../../../src/components/Tree2.tsx"],"names":[],"mappings":"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"}

package/lib/esm/components/TreeNode2.d.ts

@@ -0,0 +1,43 @@
+import * as React from "react";
+import type { TreeEventHandler, TreeNodeInfo } from "@blueprintjs/core";
+export interface TreeNodeProps<T = {}> extends TreeNodeInfo<T> {
+    children?: React.ReactNode;
+    contentRef?: (node: TreeNodeInfo<T>, element: HTMLDivElement | null) => void;
+    depth: number;
+    key?: string | number;
+    onClick?: TreeEventHandler<T>;
+    onCollapse?: TreeEventHandler<T>;
+    onContextMenu?: TreeEventHandler<T>;
+    onDoubleClick?: TreeEventHandler<T>;
+    onExpand?: TreeEventHandler<T>;
+    onMouseEnter?: TreeEventHandler<T>;
+    onMouseLeave?: TreeEventHandler<T>;
+    path: number[];
+    draggable?: boolean;
+    onDragStart?: (node: TreeNodeInfo<T>, path: number[], e: React.DragEvent<HTMLElement>) => void;
+    onDragOver?: (node: TreeNodeInfo<T>, path: number[], e: React.DragEvent<HTMLElement>) => void;
+    onDrop?: (node: TreeNodeInfo<T>, path: number[], e: React.DragEvent<HTMLElement>) => void;
+    onDragEnd?: (node: TreeNodeInfo<T>, path: number[], e: React.DragEvent<HTMLElement>) => void;
+    onDragEnter?: (node: TreeNodeInfo<T>, path: number[], e: React.DragEvent<HTMLElement>) => void;
+    onDragLeave?: (node: TreeNodeInfo<T>, path: number[], e: React.DragEvent<HTMLElement>) => void;
+}
+export declare class TreeNode2<T = {}> extends React.Component<TreeNodeProps<T>> {
+    static displayName: string;
+    static ofType<U>(): new (props: TreeNodeProps<U>) => TreeNode2<U>;
+    render(): import("react/jsx-runtime").JSX.Element;
+    private maybeRenderCaret;
+    private maybeRenderSecondaryLabel;
+    private handleCaretClick;
+    private handleClick;
+    private handleContentRef;
+    private handleContextMenu;
+    private handleDoubleClick;
+    private handleMouseEnter;
+    private handleMouseLeave;
+    private handleDragStart;
+    private handleDragOver;
+    private handleDrop;
+    private handleDragEnd;
+    private handleDragEnter;
+    private handleDragLeave;
+}

package/lib/esm/components/TreeNode2.js

@@ -0,0 +1,111 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from "classnames";
+import * as React from "react";
+import { ChevronRight } from "@blueprintjs/icons";
+import { Classes, Collapse, DISPLAYNAME_PREFIX, Icon } from "@blueprintjs/core";
+export class TreeNode2 extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.handleCaretClick = (e) => {
+            var _a;
+            e.stopPropagation();
+            const { isExpanded, onCollapse, onExpand } = this.props;
+            (_a = (isExpanded ? onCollapse : onExpand)) === null || _a === void 0 ? void 0 : _a(this.props, this.props.path, e);
+        };
+        this.handleClick = (e) => {
+            var _a, _b;
+            (_b = (_a = this.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, this.props, this.props.path, e);
+        };
+        this.handleContentRef = (element) => {
+            var _a, _b;
+            (_b = (_a = this.props).contentRef) === null || _b === void 0 ? void 0 : _b.call(_a, this.props, element);
+        };
+        this.handleContextMenu = (e) => {
+            var _a, _b;
+            (_b = (_a = this.props).onContextMenu) === null || _b === void 0 ? void 0 : _b.call(_a, this.props, this.props.path, e);
+        };
+        this.handleDoubleClick = (e) => {
+            var _a, _b;
+            (_b = (_a = this.props).onDoubleClick) === null || _b === void 0 ? void 0 : _b.call(_a, this.props, this.props.path, e);
+        };
+        this.handleMouseEnter = (e) => {
+            var _a, _b;
+            (_b = (_a = this.props).onMouseEnter) === null || _b === void 0 ? void 0 : _b.call(_a, this.props, this.props.path, e);
+        };
+        this.handleMouseLeave = (e) => {
+            var _a, _b;
+            (_b = (_a = this.props).onMouseLeave) === null || _b === void 0 ? void 0 : _b.call(_a, this.props, this.props.path, e);
+        };
+        this.handleDragStart = (e) => {
+            var _a, _b;
+            (_b = (_a = this.props).onDragStart) === null || _b === void 0 ? void 0 : _b.call(_a, this.props, this.props.path, e);
+        };
+        this.handleDragOver = (e) => {
+            var _a, _b;
+            (_b = (_a = this.props).onDragOver) === null || _b === void 0 ? void 0 : _b.call(_a, this.props, this.props.path, e);
+        };
+        this.handleDrop = (e) => {
+            var _a, _b;
+            (_b = (_a = this.props).onDrop) === null || _b === void 0 ? void 0 : _b.call(_a, this.props, this.props.path, e);
+        };
+        this.handleDragEnd = (e) => {
+            var _a, _b;
+            (_b = (_a = this.props).onDragEnd) === null || _b === void 0 ? void 0 : _b.call(_a, this.props, this.props.path, e);
+        };
+        this.handleDragEnter = (e) => {
+            var _a, _b;
+            (_b = (_a = this.props).onDragEnter) === null || _b === void 0 ? void 0 : _b.call(_a, this.props, this.props.path, e);
+        };
+        this.handleDragLeave = (e) => {
+            var _a, _b;
+            (_b = (_a = this.props).onDragLeave) === null || _b === void 0 ? void 0 : _b.call(_a, this.props, this.props.path, e);
+        };
+    }
+    static ofType() {
+        return TreeNode2;
+    }
+    render() {
+        const { children, className, disabled, icon, isExpanded, isSelected, label, draggable } = this.props;
+        const classes = classNames(Classes.TREE_NODE, {
+            [Classes.DISABLED]: disabled,
+            [Classes.TREE_NODE_SELECTED]: isSelected,
+            [Classes.TREE_NODE_EXPANDED]: isExpanded,
+        }, className);
+        const contentClasses = classNames(Classes.TREE_NODE_CONTENT, `${Classes.TREE_NODE_CONTENT}-${this.props.depth}`);
+        const eventHandlers = disabled === true
+            ? {}
+            : {
+                onClick: this.handleClick,
+                onContextMenu: this.handleContextMenu,
+                onDoubleClick: this.handleDoubleClick,
+                onMouseEnter: this.handleMouseEnter,
+                onMouseLeave: this.handleMouseLeave,
+                draggable: draggable,
+                onDragStart: this.handleDragStart,
+                onDragOver: this.handleDragOver,
+                onDrop: this.handleDrop,
+                onDragEnd: this.handleDragEnd,
+                onDragEnter: this.handleDragEnter,
+                onDragLeave: this.handleDragLeave,
+            };
+        return (_jsxs("li", { className: classes, children: [_jsxs("div", Object.assign({ className: contentClasses, ref: this.handleContentRef }, eventHandlers, { children: [this.maybeRenderCaret(), _jsx(Icon, { className: Classes.TREE_NODE_ICON, icon: icon, "aria-hidden": true, tabIndex: -1 }), _jsx("span", { className: Classes.TREE_NODE_LABEL, children: label }), this.maybeRenderSecondaryLabel()] })), _jsx(Collapse, { isOpen: isExpanded, children: children })] }));
+    }
+    maybeRenderCaret() {
+        const { children, isExpanded, disabled, hasCaret = React.Children.count(children) > 0 } = this.props;
+        if (hasCaret) {
+            const caretClasses = classNames(Classes.TREE_NODE_CARET, isExpanded ? Classes.TREE_NODE_CARET_OPEN : Classes.TREE_NODE_CARET_CLOSED);
+            return (_jsx(ChevronRight, { title: isExpanded ? "Collapse group" : "Expand group", className: caretClasses, onClick: disabled === true ? undefined : this.handleCaretClick }));
+        }
+        return _jsx("span", { className: Classes.TREE_NODE_CARET_NONE });
+    }
+    maybeRenderSecondaryLabel() {
+        if (this.props.secondaryLabel != null) {
+            return _jsx("span", { className: Classes.TREE_NODE_SECONDARY_LABEL, children: this.props.secondaryLabel });
+        }
+        else {
+            return undefined;
+        }
+    }
+}
+TreeNode2.displayName = `${DISPLAYNAME_PREFIX}.TreeNode`;
+//# sourceMappingURL=TreeNode2.js.map

package/lib/esm/components/TreeNode2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeNode2.js","sourceRoot":"","sources":["../../../src/components/TreeNode2.tsx"],"names":[],"mappings":"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"}

package/lib/esm/components/treeTypes.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import type { IconName, MaybeElement } from "@blueprintjs/core";
+export interface TreeNodeInfo<T = {}> {
+    className?: string;
+    childNodes?: Array<TreeNodeInfo<T>>;
+    disabled?: boolean;
+    hasCaret?: boolean;
+    icon?: IconName | MaybeElement;
+    id: string | number;
+    isExpanded?: boolean;
+    isSelected?: boolean;
+    label: string | React.JSX.Element;
+    secondaryLabel?: string | MaybeElement;
+    nodeData?: T;
+    draggable?: boolean;
+    droppable?: boolean;
+}
+export type TreeEventHandler<T = {}> = (node: TreeNodeInfo<T>, nodePath: number[], e: React.MouseEvent<HTMLElement>) => void;

package/lib/esm/components/treeTypes.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=treeTypes.js.map

package/lib/esm/components/treeTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"treeTypes.js","sourceRoot":"","sources":["../../../src/components/treeTypes.ts"],"names":[],"mappings":""}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "uiconfig-blueprint",
   "name:umd": "bpui",
-  "version": "0.1.0-dev.6",
+  "version": "0.1.0-dev.8",
   "description": "Blueprint.js wrapper and custom components for web controls UI. To be used with uiconfig.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -37,8 +37,8 @@
   },
   "homepage": "https://github.com/repalash/uiconfig-blueprint#readme",
   "dependencies": {
-    "ts-browser-helpers": "^0.16.2",
-    "uiconfig.js": "^0.1.2",
+    "ts-browser-helpers": "^0.17.1",
+    "uiconfig.js": "^0.1.5",
     "@blueprintjs/icons": "^5.11.0",
     "@blueprintjs/select": "^5.2.2",
     "blueprint-styler": "^5.0.2",

package/src/ConfigObject.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import {Class, PartialRecord} from "ts-browser-helpers";
+import {Class, getOrCall, PartialRecord} from "ts-browser-helpers";
 import {BPComponentProps, BPComponentState, UiConfigRendererContext} from "./bpComponents/BPComponent";
 import {BPFolderComponent, FolderHeadCard} from "./bpComponents/BPFolderComponent";
 import {BPTextInputComponent} from "./bpComponents/BPTextInputComponent";
@@ -59,6 +59,10 @@ export class ConfigObject extends React.Component<ConfigProps, {}> {
     render() {
         if (!this.props.config || !this.props.config.type) return (<div key={this.props.config.uuid}></div>)
         this.context.methods.initUiConfig(this.props.config)
+
+        const order = this.props.config.order ? getOrCall(this.props.config.order, this.props.config) ?? undefined : undefined
+        const orderStyle = {order: order && typeof order === 'string' ? parseInt(order): order}
+
         let type = this.props.config.type as any as UiConfigTypes
         const val = this.context.methods.getRawValue(this.props.config)
 
@@ -78,7 +82,7 @@ export class ConfigObject extends React.Component<ConfigProps, {}> {
             const enabledToggle = children[0] && this.context.methods.getLabel(children[0]).toLowerCase() === 'enabled' ? children[0] : undefined
             enabledToggle && (enabledToggle.hidden = true)
             return (
-                <div key={this.props.config.uuid}>
+                <div key={this.props.config.uuid} style={orderStyle}>
                     <FolderHeadCard
                         enabled={enabledToggle ? this.context.methods.getRawValue(enabledToggle) : undefined}
                         onEnabledChange={(e) => enabledToggle && this.context.methods.setValue(enabledToggle, e.target.checked, {}).then(() => this.setState(this.state))}
@@ -97,9 +101,12 @@ export class ConfigObject extends React.Component<ConfigProps, {}> {
             )
         }
         if (BPComp) {
-            return (<div key={this.props.config.uuid}><BPComp {...{...this.props, isPanel: undefined}} /></div>)
+            return (<div key={this.props.config.uuid} style={orderStyle}><BPComp {...{...this.props, isPanel: undefined}} /></div>)
         }
-        return (<div key={this.props.config.uuid}>Unknown type: {this.props.config.type}</div>)
+        return (<div key={this.props.config.uuid} style={orderStyle}>
+            {/*Unknown type: {this.props.config.type}*/}
+        </div>)
+        // return null
 
         // let uiRef: React.FC | BPUiRef<any> | null = this.props.uiConfig.uiRef
         // if (uiRef) {

package/src/UiConfigRendererBlueprint.tsx

@@ -22,19 +22,30 @@ export class UiConfigRendererBlueprint extends UiConfigRenderer {
 
         const container = createDiv({id: 'blueprintUiContainer', addToBody: false})
         createStyles(css`
-          :root{
-            --blueprint-ui-container-width: 300px;
-          }
-          @media only screen and (min-width: 1500px) {
-            :root{
-              --blueprint-ui-container-width: 400px;
+            :root {
+                --blueprint-ui-container-width: 300px;
             }
-          }
-          @media only screen and (min-width: 2500px) {
-            :root{
-              --blueprint-ui-container-width: 500px;
+
+            @media only screen and (min-width: 1500px) {
+                :root {
+                    --blueprint-ui-container-width: 400px;
+                }
+            }
+            @media only screen and (min-width: 2500px) {
+                :root {
+                    --blueprint-ui-container-width: 500px;
+                }
+            }
+
+            @media only screen and (min-width: 600px) {
+                #blueprintUiContainer {
+                    min-width: var(--blueprint-ui-container-width);
+                    min-height: 200px;
+                    max-height: 100%;
+                    max-width: 100%;
+                    resize: both;
+                }
             }
-          }
         `)
         createStyles(rendererCss)
 

package/src/bpComponents/BPButtonComponent.scss

@@ -2,8 +2,10 @@
 .bpButtonComponent {
   //width: 100%;
   display: flex;
+  flex: 1 1;
+  height: 100%;
   justify-content: center;
-  flex-basis: 50%;
+  //min-width: 50%;
   margin: 2px 0;
   width: max-content;
 }

package/src/bpComponents/BPButtonComponent.tsx

@@ -1,7 +1,7 @@
 import {BPComponentProps, UiConfigRendererContextType} from "./BPComponent";
 import React from "react";
 import {BPLabelledComponent, BPLabelledComponentState} from "./BPLabelledComponent";
-import {Button} from "@blueprintjs/core";
+import {Button, Intent} from "@blueprintjs/core";
 
 // @ts-ignore
 export class BPButtonComponent extends BPLabelledComponent<()=>void, BPLabelledComponentState> {
@@ -14,12 +14,18 @@ export class BPButtonComponent extends BPLabelledComponent<()=>void, BPLabelledC
         this.context.methods.clickButton(this.props.config, {args: [event]})
     }
 
+    protected flexBasis = "50%"
+
     render() {
         return !this.state.hidden ? (
-            <div className="bpButtonComponent xPaddedContent">
+            <div className="bpButtonComponent xPaddedContent"
+                 style={{flexBasis: this.state.baseWidth ?? this.flexBasis}}
+            >
                 <Button className="bpButton"
                         disabled={this.state.disabled}
+                        intent={Intent.PRIMARY}
                         // small={true}
+                        fill={true}
                         text={this.state.label} style={{}} onClick={this.onClick}/>
             </div>
         ) : null

package/src/bpComponents/BPColorInputComponent.tsx

@@ -95,11 +95,17 @@ export class BPColorInputComponent extends BPValueComponent<ColorRepresentation,
         document.addEventListener('mouseup', this._mouseUp)
     }
 
+    protected flexBasis = "100%"
+
     render() {
         return !this.state.hidden ? (
-            <FormGroupComponent label={this.state.label}>
+            <FormGroupComponent
+                label={this.state.label}
+                flexBasis={this.state.baseWidth ?? this.flexBasis}
+            >
                 <InputGroup inputRef={this._inputRef}
                             disabled={this.state.disabled} readOnly={this.state.readOnly}
+                            fill={true}
                             leftElement={(
                     <Popover
                         popoverClassName={'color-picker-popover'}

package/src/bpComponents/BPComponent.tsx

@@ -12,6 +12,7 @@ export type BPComponentState = {
     hidden?: boolean
     disabled?: boolean
     readOnly?: boolean // same as disabled(for most inputs)
+    baseWidth?: string // for flexBasis, can be a number or a string like '50%' or '100px'
 }
 export interface UiConfigRendererBaseBp extends UiConfigRendererBase{
     // eslint-disable-next-line @typescript-eslint/naming-convention
@@ -49,6 +50,7 @@ export abstract class BPComponent<TValue, TState extends BPComponentState, TProp
         const hidden = getOrCall(this.props.config.hidden) ?? false
         const disabled = getOrCall(this.props.config.disabled) ?? false
         const readOnly = getOrCall(this.props.config.readOnly) ?? false
+        const baseWidth = getOrCall(this.props.config.baseWidth) ?? undefined
         if(hidden !== state.hidden
             || disabled !== state.disabled
             || readOnly !== state.readOnly
@@ -58,6 +60,7 @@ export abstract class BPComponent<TValue, TState extends BPComponentState, TProp
             hidden,
             disabled,
             readOnly,
+            baseWidth
         }
     }
 

package/src/bpComponents/BPDropdownInputComponent.tsx

@@ -59,12 +59,13 @@ export class BPDropdownInputComponent extends BPInputComponent<string|number, BP
                 activeItem={item}
                 key={this.props.config.uuid}
                 disabled={this.state.disabled}
+                fill={true}
                 popoverProps={{
                     minimal: true,
                 }}
                 popoverTargetProps={{
                     style: {
-                        height: "100%"
+                        height: "var(--pt-input-height)",
                     }
                 }}
                 noResults={<MenuItem disabled={true} text="No results."  roleStructure="listoption" />}

package/src/bpComponents/BPFileComponent.tsx

@@ -77,9 +77,20 @@ export class BPFileComponent<T extends FileImportType=FileImportType, TP = {}> e
     //     return super.updateStateValue(state, last);
     // }
 
+    protected flexBasis = "100%"
+
     render() {
-        return !this.state.hidden ? (
-            <FormGroupComponent label={this.state.label} flexBasis={"100%"} disabled={this.state.disabled}>
+        let show = !this.state.hidden
+        // todo - document hideOnEmpty. it hides the whole component if there is no value and no preview. (used in SSReflectionPlugin)
+        if (show && this.props.config.hideOnEmpty && !this.state.preview && !this.state.value) {
+            show = false
+        }
+        return show ? (
+            <FormGroupComponent
+                label={this.state.label}
+                disabled={this.state.disabled}
+                flexBasis={this.state.baseWidth ?? this.flexBasis}
+            >
                 <FileComponent previewSlot={this.renderPreviewSlot()} state={this.state} onChange={(s) =>
                     this.updateStateValue({...this.state, preview: undefined, ...s}) // todo: set loading while this promise is happening.
                 } key={this.props.config.uuid}/>