@nebularstreams/libmui 2.5.47 → 2.5.49

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nebularstreams/libmui",
   "description": "Micro UI based on Mithril",
-  "version": "2.5.47",
+  "version": "2.5.49",
   "type": "module",
   "main": "src/index.js",
   "scripts": {

package/src/index.js

@@ -25,6 +25,7 @@ import clone from "./util/util.clone"
 import Tokenizer from "./util/util.tokenizer"
 import {CoolContentTicker, CoolGenericTicker, GenericButtonTicker, optionsPrompt} from "./widgets/CoolContentTicker";
 import EmptyButton from "./widgets/EmptyButton";
+import CoolerEmpty from "./widgets/CoolerEmpty";
 import tainter from "./util/tainter"
 
 import MainState, {implement} from "./app/MainState";
@@ -56,6 +57,7 @@ export {
     ColorJoePack,
     ComboPrompt,
     ComboWidget,
+    CoolerEmpty,
     Empty,
     EmptyButton,
     Icon,

package/src/widgets/CoolContentTicker.js

@@ -20,8 +20,6 @@ const
         const item = items[index];
 
         confirmPromise(
-            null,
-
             "Choose an action for this preset",
 
             onAdd && allowUpdate

package/src/widgets/CoolerEmpty.js

@@ -0,0 +1,37 @@
+import m from "mithril"
+import {defineWidget, ButtonNew, Empty} from "./Basic.js"
+
+
+function TRANSLATE(message, arr, def) {
+    return arr ? arr[message] || (def || message) : (def || message);
+}
+
+const
+    CoolerEmpty = {
+        oninit: ({attrs}) => {
+            attrs.oninit && attrs.oninit()
+        },
+        view: ({attrs}) => m(Empty, {
+            class: attrs.class,
+            icon: attrs.icon,
+            size: attrs.size || 4
+        }, [
+            ...attrs.header ? [m("h3.pad-2.marg-0", TRANSLATE(attrs.header, attrs.headers))] : [],
+            m(".pad-2", TRANSLATE(attrs.message, attrs.messages)),
+            ...attrs.action ? [
+                m(ButtonNew, {
+                    text: attrs.action.caption,
+                    class: "accentbutton marg-4 marg-v pad-2 font-150",
+                    onClick: attrs.action.onclick
+                })
+            ] : [],
+            ...attrs.actions
+                ? attrs.actions.map((action) => m(ButtonNew, {
+                    text: action.caption,
+                    class: "accentbutton marg-4 marg-v pad-2 font-150",
+                    onClick: action.onclick
+                }))
+                : []
+        ])
+    };
+export default CoolerEmpty;

package/src/widgets/SmileysWidget.js

@@ -113,8 +113,8 @@ const SmileysWidget = defineWidget(
         [
             m(InputWidget, {
                 hint: "search emoji ...",
-                containerClass: "bottombox forinputs unitheight col-12 font-125 order-end noshrink",
-                class: "font-125 transparent",
+                containerClass: "bottombox forinputs unitheight col-12 font-125 order-end noshrink bg-inputs",
+                class: "font-125 transparent pad-1 pad-h",
                 autofocus: true,
                 value: filterText,
                 oninput: (value) => {

package/src/widgets/css/smileys.css

@@ -25,7 +25,7 @@
     display: flex;
     flex-direction: column;
     justify-content: center;
-    background: var(--window-background-hi);
+    /*    background: var(--window-background-hi); */
     margin: 1px;
 }
 
@@ -52,12 +52,16 @@
     width: auto;
     flex-wrap: wrap;
     justify-content: space-between;
-    border-bottom: solid 3px var(--border-color);
-    background: var(--window-background-hi);
+    border-bottom: solid 1px var(--border-color);
+    /* background: var(--window-background-hi); */
     font-size: 1rem;
     padding: 0.25rem;
 }
 
+.smileyswidget .textfield {
+    justify-content: center;
+    padding-left: 0.5rem;
+}
 
 .smileyswidget .categories.flexrow > div.isfav {
     color: yellow;