@hypericon/mico 0.5.12 → 0.5.13

package/dist/cjs/components/menu/Menu.d.ts

@@ -27,6 +27,9 @@ export interface MenuOptions {
      * Keep menu open when clicking within it. Useful for menus with toggle switches
      * or radio buttons where users want to try multiple options without reopening the menu.
      * The menu will still close when clicking outside or pressing Escape.
+     *
+     * N.B.: the menu will not be redrawn automatically, as it is not mounted using Mithril.
+     * Use `menuMgr.redraw()` to redraw the menu.
      * @default false
      */
     keepOpenOnClick?: boolean;

package/dist/cjs/components/menu/menu-manager.d.ts

@@ -21,6 +21,11 @@ export declare class MenuManager {
      * @param menuContents
      */
     show(ev: MouseEvent | undefined, menuContents: m.ChildArrayOrPrimitive, options?: MenuOptions): Promise<void>;
+    /**
+     * Manually redraw the currently open menu. Useful when menu content needs to update
+     * while the menu remains open (e.g., when using keepOpenOnClick with changing state).
+     */
+    redraw(): void;
     hide(): void;
     /**
      * Set the default behavior for whether menus are added as children of the element that raised the event.

package/dist/cjs/components/menu/menu-manager.js

@@ -160,6 +160,27 @@ class MenuManager {
             menu_settings_1.MENU_SETTINGS.DEBUG_MENU && console.log("Added menu");
         });
     }
+    /**
+     * Manually redraw the currently open menu. Useful when menu content needs to update
+     * while the menu remains open (e.g., when using keepOpenOnClick with changing state).
+     */
+    redraw() {
+        var _a;
+        if (!this.isOpen || !this.menuVnode) {
+            return;
+        }
+        // Re-render the menu in whichever container it's currently mounted
+        if ((_a = this.currentOptions) === null || _a === void 0 ? void 0 : _a.asDialog) {
+            mithril_1.default.render(this.dialogEl, this.menuVnode);
+        }
+        else if (this.directParentWrapperEl) {
+            mithril_1.default.render(this.directParentWrapperEl, this.menuVnode);
+        }
+        else {
+            mithril_1.default.render(this.containerEl, this.menuVnode);
+        }
+        menu_settings_1.MENU_SETTINGS.DEBUG_MENU && console.log("Redrawn menu");
+    }
     hide() {
         var _a, _b;
         this._menuVnode.next(undefined);

package/dist/esm/components/menu/Menu.d.ts

@@ -27,6 +27,9 @@ export interface MenuOptions {
      * Keep menu open when clicking within it. Useful for menus with toggle switches
      * or radio buttons where users want to try multiple options without reopening the menu.
      * The menu will still close when clicking outside or pressing Escape.
+     *
+     * N.B.: the menu will not be redrawn automatically, as it is not mounted using Mithril.
+     * Use `menuMgr.redraw()` to redraw the menu.
      * @default false
      */
     keepOpenOnClick?: boolean;

package/dist/esm/components/menu/menu-manager.d.ts

@@ -21,6 +21,11 @@ export declare class MenuManager {
      * @param menuContents
      */
     show(ev: MouseEvent | undefined, menuContents: m.ChildArrayOrPrimitive, options?: MenuOptions): Promise<void>;
+    /**
+     * Manually redraw the currently open menu. Useful when menu content needs to update
+     * while the menu remains open (e.g., when using keepOpenOnClick with changing state).
+     */
+    redraw(): void;
     hide(): void;
     /**
      * Set the default behavior for whether menus are added as children of the element that raised the event.

package/dist/esm/components/menu/menu-manager.js

@@ -160,6 +160,27 @@ class MenuManager {
             menu_settings_1.MENU_SETTINGS.DEBUG_MENU && console.log("Added menu");
         });
     }
+    /**
+     * Manually redraw the currently open menu. Useful when menu content needs to update
+     * while the menu remains open (e.g., when using keepOpenOnClick with changing state).
+     */
+    redraw() {
+        var _a;
+        if (!this.isOpen || !this.menuVnode) {
+            return;
+        }
+        // Re-render the menu in whichever container it's currently mounted
+        if ((_a = this.currentOptions) === null || _a === void 0 ? void 0 : _a.asDialog) {
+            mithril_1.default.render(this.dialogEl, this.menuVnode);
+        }
+        else if (this.directParentWrapperEl) {
+            mithril_1.default.render(this.directParentWrapperEl, this.menuVnode);
+        }
+        else {
+            mithril_1.default.render(this.containerEl, this.menuVnode);
+        }
+        menu_settings_1.MENU_SETTINGS.DEBUG_MENU && console.log("Redrawn menu");
+    }
     hide() {
         var _a, _b;
         this._menuVnode.next(undefined);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hypericon/mico",
-  "version": "0.5.12",
+  "version": "0.5.13",
   "description": "UI components and utilities with Mithril",
   "author": "Ed Johnson, Hypericon Ltd",
   "license": "MIT",