elbe-ui 1.0.5 → 1.0.7

package/dist/bit/_bit_provider.js

@@ -88,6 +88,7 @@ export function _makeBitProvider(context, bitP) {
                         return;
                     }
                     catch (e) {
+                        console.error("[BIT] Error in stream preparation:", e);
                         _partCtrl.setError(e);
                     }
                 }

package/dist/ui/components/input/select.d.ts

@@ -1,10 +1,12 @@
 import { ActionElbeProps } from "../base/box";
-export declare function Select({ options, value, label, onChange, ...elbe }: {
+export declare function Select<T>({ options, value, label, hideLabel, width, onChange, ...elbe }: {
     options: {
-        key: string;
+        key: T;
         label: string;
     }[];
-    value?: string;
+    value?: T;
     label?: string;
-    onChange: (value: string) => any;
+    hideLabel?: boolean;
+    width?: number;
+    onChange?: (value: T) => any;
 } & ActionElbeProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/input/select.js

@@ -9,9 +9,41 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { randomAlphaNum } from "../../util/util";
 import { applyProps } from "../base/box";
 export function Select(_a) {
-    var { options, value, label, onChange } = _a, elbe = __rest(_a, ["options", "value", "label", "onChange"]);
-    return (_jsx("select", Object.assign({}, applyProps("select", elbe), { value: value, role: "combobox", onChange: (e) => onChange(e.currentTarget.value), children: options.map(({ key, label }) => (_jsx("option", { value: key, children: label }, key))) })));
+    var _b;
+    var { options, value, label, hideLabel, width, onChange } = _a, elbe = __rest(_a, ["options", "value", "label", "hideLabel", "width", "onChange"]);
+    const id = (_b = elbe.id) !== null && _b !== void 0 ? _b : randomAlphaNum(8, "input_field_");
+    let valueIndex = options.findIndex((o) => o.key === value);
+    // If the value is not found, select the first option without a key (if any) or the first option
+    if (valueIndex === -1) {
+        valueIndex = options.findIndex((v) => !v.key);
+        if (valueIndex === -1) {
+            valueIndex = 0;
+        }
+    }
+    let valStr = "-".repeat(valueIndex + 1);
+    return (_jsxs("div", { style: {
+            flex: elbe.flex ? (elbe.flex === true ? 1 : elbe.flex) : undefined,
+            width: elbe.flex ? undefined : (width !== null && width !== void 0 ? width : 12) + "rem",
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "stretch",
+            filter: onChange ? undefined : "grayscale(1) opacity(0.5)",
+            pointerEvents: onChange ? undefined : "none",
+            cursor: onChange ? undefined : "not-allowed",
+        }, "data-tooltip": elbe.tooltip, children: [_jsx("label", { htmlFor: id, style: {
+                    display: hideLabel ? "none" : "block",
+                    fontSize: "0.8rem",
+                    padding: "0.2rem 0.5rem",
+                }, children: label }), _jsx("select", Object.assign({ id: id }, applyProps("select", elbe, [], {
+                minHeight: "3rem",
+                cursor: onChange ? "pointer" : "not-allowed",
+            }), { value: valStr, disabled: !onChange, role: "combobox", onChange: (e) => {
+                    const index = e.currentTarget.value.length - 1;
+                    const selectedOption = options[index];
+                    selectedOption && onChange ? onChange(selectedOption.key) : null;
+                }, children: options.map(({ key, label }, i) => (_jsx("option", { value: "-".repeat(i + 1), children: label }, JSON.stringify(key)))) }))] }));
 }

package/dist/ui/components/layout/menu.js

@@ -50,7 +50,7 @@ export function Menu(p) {
                     : {})), children: wideOrOpen() && (_jsxs(_Fragment, { children: [_jsx(Button.plain, { contentAlign: "start", ariaLabel: "open/close menu", onTap: () => appBase.setMenuOpen(!appBase.menuOpen), icon: MenuIcon, style: {
                                 marginBottom: ".5rem",
                                 borderRadius: "3rem",
-                            }, children: !layoutMode.isWide && (_jsx(_Logo, { logo: appBase === null || appBase === void 0 ? void 0 : appBase.icons.logo, logoDark: appBase === null || appBase === void 0 ? void 0 : appBase.icons.logoDark, lMargin: 0.5 })) }), _jsx(Column, { flex: 1, scroll: true, noScrollbar: true, children: topBot.top.map((i) => (_jsx(_MenuItemView, { item: i }))) }), topBot.bottom.map((i) => (_jsx(_MenuItemView, { item: i })))] })) })] }));
+                            }, children: !layoutMode.isWide && (_jsx(_Logo, { logo: appBase === null || appBase === void 0 ? void 0 : appBase.icons.logo, logoDark: appBase === null || appBase === void 0 ? void 0 : appBase.icons.logoDark, lMargin: 0.5 })) }), _jsx(Column, { flex: 1, scroll: true, noScrollbar: true, children: topBot.top.map((i, index) => (_jsx(_MenuItemView, { item: i }, index))) }), topBot.bottom.map((i, index) => (_jsx(_MenuItemView, { item: i }, index)))] })) })] }));
 }
 function _MenuItemView({ item }) {
     const appBase = useAppBase();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "elbe-ui",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "author": "Robin Naumann",
   "license": "MIT",
   "repository": {