@nebularstreams/libmui 2.0.3 → 2.0.5

package/src/index.js

@@ -8,10 +8,12 @@ import SwitchWidget from "./widgets/SwitchWidget";
 import * as OverflowUtils from "./widgets/OverflowUtils";
 import {clearModal, popupMessage} from "./util/widgets";
 import Separator from "./widgets/Separator";
+import TitleBarWidget from "./widgets/TitleBarWidget";
 import RangeWidget from "./widgets/RangeWidget";
 import startApp from "./app/app"
 import defineWidget from "./util/widgets.utils";
-
+import {OverflowMenu} from "./util/widgets.core";
+import {confirm, confirmPromise} from "./util/fuckingconfirm.js"
 import "./style.js"
 
 export {
@@ -22,13 +24,17 @@ export {
     Icon,
     InputWidget,
     NoticeWidget,
+    OverflowMenu,
     OverflowUtils,
     RangeWidget,
     Selector,
     SwitchWidget,
     Separator,
+    TitleBarWidget,
     clearModal,
     popupMessage,
     startApp,
-    defineWidget
+    defineWidget,
+    confirm,
+    confirmPromise
 }

package/src/style.js

@@ -7,3 +7,8 @@ import "./css/b-root-bootstrap-ext.css"
 import "./css/b-root-semantic-flex.css"
 import "./css/b-root-semantic-size.css"
 import "./css/a-measures.css"
+
+import "./css/fontawesome/fontawesome.css"
+import "./css/fontawesome/fontawesome-solid.css"
+import "./css/fontawesome/fontawesome-ext.css"
+import "./css/fontawesome/brands.min.css"

package/src/widgets/TitleBarWidget.js

@@ -0,0 +1,60 @@
+import m from "mithril"
+import {ButtonNew, defineWidget} from "./Basic";
+import InputWidget from "./InputWidget.js"
+import {OverflowMenu} from "../util/widgets.core.js"
+
+const TitleBarWidget = defineWidget(
+    ({attrs, dom}) => m(
+        ".titlebar.noshrink.flexrow",
+        {
+            class: (attrs.class ? " " + attrs.class : "unitheight bg-window-hi pad-2 pad-h shadow-2 font-125"),
+            ...attrs.onTitleClick && {onclick: attrs.onTitleClick}
+        },
+        [
+            ...attrs.onClick ? [m(ButtonNew, {icon: "arrow-left", onClick: () => attrs.onClick()})] : [],
+
+            ...attrs.logo
+                ? [m("img.title-logo", {src: attrs.logo})]
+                : [],
+            ...(attrs.editable && attrs.onchange)
+                ? [
+                    m(InputWidget, {
+                        containerClass: "grows" + (attrs.onClick ? "" : " pad-2 pad-h"),
+                        hint: attrs.title, // attrs.hint,
+                        onchange: attrs.onchange,
+                        oninput: () => {
+                        },
+                        value: attrs.value
+                    })
+                ]
+                : [m("span.grows.ellipsis", {class: attrs.onClick ? "" : "pad-2 pad-h"}, attrs.title)],
+
+            ...attrs.auxaction ? [m(ButtonNew, {icon: attrs.auxaction.icon, onClick: attrs.auxaction.onClick})] : [],
+            ...attrs.auxactions
+                ? attrs.auxactions.map((action) => m(ButtonNew, {
+                    class: action.class,
+                    title: action.title,
+                    icon: action.icon,
+                    text: action.caption,
+                    onClick: action.onClick
+                }))
+                : [],
+            ...attrs.action ? [m(ButtonNew, {icon: attrs.action.icon, onClick: attrs.action.onClick})] : [],
+            ...attrs.overflow
+                ? [
+                    m(ButtonNew, {
+                        icon: attrs.overflow.icon || "ellipsis-v",
+                        class: attrs.overflow.class || "",
+                        onClick: () => OverflowMenu(
+                            dom,
+                            {title: attrs.title},
+                            attrs.overflow.items
+                        )
+                            .then(({action}) => action.onClick())
+                    })
+                ]
+                : []
+        ])
+);
+
+export default TitleBarWidget;