vira 30.3.0 → 30.4.0

package/dist/util/pop-up-helpers.d.ts

@@ -34,6 +34,12 @@ export type ViraMenuItemEntry = {
     selected: boolean;
     /** Called when any item is activated. */
     onClick: MenuItemClickCallback;
+    /**
+     * If set to `true`, this menu item won't show up at all.
+     *
+     * @default false
+     */
+    hidden: boolean;
 }> & typeof ViraMenuItem.InputsType;
 /**
  * A callback for menu items getting activated, to be used with {@link renderMenuItemEntries}.

package/dist/util/pop-up-helpers.js

@@ -1,4 +1,4 @@
-import { joinWithFinalConjunction, } from '@augment-vir/common';
+import { filterMap, joinWithFinalConjunction, } from '@augment-vir/common';
 import { html, listen } from 'element-vir';
 import { ViraMenuItem } from '../elements/pop-up/vira-menu-item.element.js';
 /**
@@ -42,20 +42,20 @@ export function triggerPopUpState({ open, callback, popUpManager, host, options,
  * @category PopUp
  */
 export function renderMenuItemEntries(items) {
-    return items.map((item, index) => {
+    return filterMap(items, (item, index) => {
         return html `
-            <${ViraMenuItem.assign({
+                <${ViraMenuItem.assign({
             ...item,
         })}
-                ${listen('click', async (event) => {
+                    ${listen('click', async (event) => {
             await item.onClick?.({
                 event,
                 index,
             });
         })}
-            >
-                ${item.content}
-            </${ViraMenuItem}>
-        `;
-    });
+                >
+                    ${item.content}
+                </${ViraMenuItem}>
+            `;
+    }, (template, menuItem) => !menuItem.hidden);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "vira",
-    "version": "30.3.0",
+    "version": "30.4.0",
     "description": "A simple and highly versatile design system using element-vir.",
     "keywords": [
         "design",