elbe-ui 0.4.8 → 0.4.11

package/dist/bit/_bit_provider.js

@@ -56,20 +56,25 @@ export function _makeBitProvider(context, bitP) {
                 error: state.v.type === "error" ? state.v.value : undefined,
             };
             // ========== DEFINE QoL FUNCTIONS ==========
-            function _worker(fn, silent) {
+            function _worker(fn, silent, reset) {
                 return __awaiter(this, void 0, void 0, function* () {
                     if (!silent)
                         _partCtrl.setLoading();
                     try {
                         const newData = yield fn();
-                        _partCtrl.setData(newData);
+                        if (!reset)
+                            return _partCtrl.setData(newData);
+                        setState({
+                            history: bitP.useHistory ? [newData] : [],
+                            v: { type: "data", value: newData },
+                        });
                     }
                     catch (e) {
                         _partCtrl.setError(e);
                     }
                 });
             }
-            const _reload = () => _worker(() => bitP.worker(p));
+            const _reload = (silent) => _worker(() => bitP.worker(p), silent);
             function act(fn, silent) {
                 return __awaiter(this, void 0, void 0, function* () {
                     const data = _partCtrl.data;
@@ -93,16 +98,16 @@ export function _makeBitProvider(context, bitP) {
                 return _isFn(onLoading) ? onLoading() : (_c = onLoading) !== null && _c !== void 0 ? _c : null;
             }
             function mapUI(onData, onError, onLoading) {
-                return map((d) => onData(d), (e) => (onError !== null && onError !== void 0 ? onError : ((e) => _jsx(ErrorView, { error: e, retry: _reload })))(e), () => onLoading !== null && onLoading !== void 0 ? onLoading : (() => _jsx(_LoadView, {}))());
+                return map((d) => onData(d), (e) => (onError !== null && onError !== void 0 ? onError : ((e) => _jsx(ErrorView, { error: e, retry: () => _reload(false) })))(e), () => onLoading !== null && onLoading !== void 0 ? onLoading : (() => _jsx(_LoadView, {}))());
             }
             const baseCtrl = Object.assign(Object.assign({}, _partCtrl), { act,
                 map,
                 mapUI });
-            const userCtrl = bitP.control(Object.assign(Object.assign({}, baseCtrl), { parameters: p }));
+            const userCtrl = bitP.control(Object.assign(Object.assign({}, baseCtrl), { parameters: p, reload: _reload }));
             return Object.assign(Object.assign(Object.assign({}, baseCtrl), userCtrl), { reload: _reload });
         }
         const ctrl = useMemo(() => _make(), [state]);
-        useEffect(() => ctrl.reload(), []);
+        useEffect(() => ctrl.reload(true), []);
         // ========== DEFINE THE JSX ELEMENT ==========
         return _jsx(context.Provider, { value: ctrl, children: p.children });
     }

package/dist/bit/_bit_utils.d.ts

@@ -73,6 +73,11 @@ export interface _BitGetInterface<D> {
      * returns true if a previous `data` state exists.
      */
     canGoBack: boolean;
+    /**
+     * reload the data. It will call the worker function again.
+     * If `silent` is true, it will not change the state to `loading`.
+     */
+    reload: (silent?: boolean) => void;
 }
 export interface _BitCtrlInput<D, P> extends _BitGetInterface<D> {
     setData: (d: D) => void;

package/dist/bit/bit.d.ts

@@ -8,9 +8,7 @@ export type BitTriMap<T, D> = {
     onError?: (e: any) => D;
     onData?: (value: T) => D;
 };
-export type BitUseInterface<D, I> = _BitGetInterface<D> & I & {
-    reload: () => void;
-};
+export type BitUseInterface<D, I> = _BitGetInterface<D> & I;
 export type BitParams<D, P, I> = {
     control?: _BitCtrlMaker<D, P, I>;
     debugLabel?: Maybe<string>;

package/dist/elbe.css

@@ -588,6 +588,22 @@ body,
 .elbe button > * {
   flex-shrink: 0;
 }
+.elbe ._elbe_tooltip {
+  position: fixed;
+  background-color: black;
+  color: white;
+  padding: 0.25rem 0.5rem;
+  border-radius: 0.25rem;
+  font-size: 1rem;
+  white-space: nowrap;
+  z-index: 101;
+  pointer-events: none;
+}
+@keyframes _tt_show {
+  100% {
+    opacity: 1;
+  }
+}
 .elbe .toast {
   position: fixed;
   bottom: 1rem;
@@ -621,4 +637,16 @@ body,
   outline: 0.15rem solid white;
 }
 
+._elbe_tooltip {
+  position: fixed;
+  background-color: black;
+  color: white;
+  padding: 0.25rem 0.5rem;
+  border-radius: 0.25rem;
+  font-size: 1rem;
+  white-space: nowrap;
+  z-index: 101;
+  pointer-events: none;
+}
+
 /*# sourceMappingURL=elbe.css.map */

package/dist/elbe.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../style/elbe.scss","../style/_base.scss","../style/_flex.scss","../style/_components.scss","../style/_toast.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAOQ;AAMR;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EAGA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;;AAGF;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;;AAIF;AC3DA;AAoBA;AAiEA;AAUA;AAaA;AA8BA;AClHA;AAqBA;AAYA;AAkBA;AAqBA;ACkIA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACrME;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AH3BF;AAAA;AAAA;AAAA;AAAA;EAEE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAMF;EACE;;AAEF;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;;AAGF;EACE;;AAGF;AAAA;EAEE;;AAGF;EACE;;AAEF;EACE;;AAGF;EACE;EACA;;AACA;EACE;;AAIJ;EACE;;AAGF;EACE;;AAEF;EACE;;AAEF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAKF;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;;AAOF;EACE;;AAGF;EAEE;EACA;EACA;;AAKF;AAAA;EAEE;;AAEF;AAAA;AAAA;AAAA;EAEE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;;AAGF;EACE;IACE;;EAEF;IACE;;;AAKJ;EACE;;AAEF;EACE;;AACA;EACE;;ACnKJ;AAAA;AAAA;AAAA;AAAA;EAGE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAKF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAKF;EACE;;AAIA;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AAMJ;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAKF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAKF;EACE;IACE;;EAGF;IACE;;EAGF;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;;ACvHF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AAKJ;EAIE;EACA;EACA;EACA;EACA;EACA;EACA;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAJA;EACE;;AAoBJ;EACE;EACA;EACA;;AAGF;EAGE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EAKE;EAEA;EACA;EACA;EACA;EACA;EAEA;EAEA;EAEA;EAEA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AACA;EACE;EACA;;AAKN;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EAGC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACC;EAGD;EAEA;EAEA;EACA;;AAGD;EACE;EACD;EACA;;AAgBD;EACE;;AAcA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EAzCF;EACA;EACA;EACA;EACA;EACA;EACA;;AAuCA;EA7CA;EACA;EACA;EACA;EACA;EACA;EACA;;AAmFF;EACE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;;AAIF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAKF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAGF;EACE;;ACxUF;EAII;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;IACE;IACA;;EAEF;IACE;IACA;;;AJyCJ;EACE;;AAEF;EACG;;AAGH;EACE","file":"elbe.css"}
+{"version":3,"sourceRoot":"","sources":["../style/elbe.scss","../style/_base.scss","../style/_flex.scss","../style/_components.scss","../style/_toast.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAOQ;AAMR;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EAGA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;;AAGF;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;;AAIF;AC3DA;AAoBA;AAiEA;AAUA;AAaA;AA8BA;AClHA;AAqBA;AAYA;AAkBA;AAqBA;ACkIA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACrME;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AH3BF;AAAA;AAAA;AAAA;AAAA;EAEE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAMF;EACE;;AAEF;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;;AAGF;EACE;;AAGF;AAAA;EAEE;;AAGF;EACE;;AAEF;EACE;;AAGF;EACE;EACA;;AACA;EACE;;AAIJ;EACE;;AAGF;EACE;;AAEF;EACE;;AAEF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAKF;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;;AAOF;EACE;;AAGF;EAEE;EACA;EACA;;AAKF;AAAA;EAEE;;AAEF;AAAA;AAAA;AAAA;EAEE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;;AAGF;EACE;IACE;;EAEF;IACE;;;AAKJ;EACE;;AAEF;EACE;;AACA;EACE;;ACnKJ;AAAA;AAAA;AAAA;AAAA;EAGE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAKF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAKF;EACE;;AAIA;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AAMJ;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAKF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAKF;EACE;IACE;;EAGF;IACE;;EAGF;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;;ACvHF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AAKJ;EAIE;EACA;EACA;EACA;EACA;EACA;EACA;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAJA;EACE;;AAoBJ;EACE;EACA;EACA;;AAGF;EAGE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EAKE;EAEA;EACA;EACA;EACA;EACA;EAEA;EAEA;EAEA;EAEA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AACA;EACE;EACA;;AAKN;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EAGC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACC;EAGD;EAEA;EAEA;EACA;;AAGD;EACE;EACD;EACA;;AAgBD;EACE;;AAcA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EAzCF;EACA;EACA;EACA;EACA;EACA;EACA;;AAuCA;EA7CA;EACA;EACA;EACA;EACA;EACA;EACA;;AAmFF;EACE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;;AAIF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAKF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAGF;EACE;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKF;EACE;IACE;;;AC9VJ;EAII;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;IACE;IACA;;EAEF;IACE;IACA;;;AJyCJ;EACE;;AAEF;EACG;;AAGH;EACE;;;AAMJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"elbe.css"}

package/dist/ui/components/button/icon_button.d.ts

@@ -1,5 +1,5 @@
 import { Component } from "preact";
-import { ActionElbeProps, type ElbeChild, type ElbeColorKinds, type ElbeColorManners } from "../../..";
+import { ActionElbeProps, ElbeProps, type ElbeChild, type ElbeColorKinds, type ElbeColorManners } from "../../..";
 export type IconChild = ElbeChild | ((_: any) => ElbeChild);
 export type IconButtonProps = {
     icon?: IconChild;
@@ -17,5 +17,5 @@ export declare class IconButton extends Component<IconButtonProps & {
     render(): import("preact").JSX.Element;
 }
 export declare function Icon(p: {
-    icon: IconChild | null;
-}): any;
+    icon: IconChild;
+} & ElbeProps): import("preact").JSX.Element | null;

package/dist/ui/components/button/icon_button.js

@@ -43,7 +43,5 @@ function _btn(_a, manner) {
 export function Icon(p) {
     if (!p.icon)
         return null;
-    if (typeof p.icon === "function")
-        return p.icon({});
-    return p.icon;
+    return (_jsx("span", Object.assign({}, applyProps("icon", p), { children: typeof p.icon === "function" ? p.icon({}) : p.icon })));
 }

package/dist/ui/theme/theme.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
+import { useEffect } from "preact/hooks";
 import "../../elbe.css";
 import { ToDo } from "../components/dev/todo";
 import { ColorTheme } from "./colors";
@@ -29,5 +30,44 @@ export function ElbeTheme(p) {
     var _a;
     const theme = "theme" in p ? p.theme : ElbeThemeData.fromSeed((_a = p.seed) !== null && _a !== void 0 ? _a : {});
     const config = makeThemeConfig(p);
+    _addTooltip();
     return (_jsxs("div", { class: `elbe ${config.dark ? "dark" : ""} ${config.highVis ? "highvis" : ""} ${config.reducedMotion ? "reduced_motion" : ""}`, children: [p.todoOverlay && _jsx(ToDo.Overlay, {}), _jsx("style", { children: theme.asCss() }), _jsx("style", { children: _configCss(theme, config) }), _jsx(ThemeConfigContext.Provider, { value: config, children: _jsx(ThemeContext.Provider, { value: theme, children: p.children }) })] }));
 }
+function _addTooltip() {
+    return useEffect(() => {
+        const _gap = 8;
+        console.log("add tooltip");
+        const onHover = (e) => {
+            var _a;
+            const target = (_a = e.target) === null || _a === void 0 ? void 0 : _a.closest("[data-tooltip]");
+            if (!target)
+                return;
+            // remove existing tooltip
+            const existingTooltip = document.querySelector("._elbe_tooltip");
+            if (existingTooltip)
+                existingTooltip.remove();
+            // create new tooltip
+            let tooltip = document.createElement("div");
+            tooltip.className = "_elbe_tooltip";
+            tooltip.textContent = target.getAttribute("data-tooltip");
+            document.body.appendChild(tooltip);
+            const rect = target.getBoundingClientRect();
+            let top = rect.top - tooltip.offsetHeight - _gap;
+            let left = rect.left + rect.width / 2 - tooltip.offsetWidth / 2;
+            // Adjust if out of viewport
+            if (top < 0)
+                top = rect.bottom + _gap;
+            if (left < 0)
+                left = _gap;
+            if (left + tooltip.offsetWidth > window.innerWidth)
+                left = window.innerWidth - tooltip.offsetWidth - _gap;
+            tooltip.style.top = `${top}px`;
+            tooltip.style.left = `${left}px`;
+            target.addEventListener("mouseleave", () => tooltip.remove(), {
+                once: true,
+            });
+        };
+        document.addEventListener("mouseover", onHover);
+        return () => document.removeEventListener("mouseover", onHover);
+    });
+}

package/package.json

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