@genesislcap/foundation-ui 15.75.0 → 15.77.0

package/dist/foundation-ui.d.ts

@@ -312,19 +312,47 @@ export declare type ActionMenuItem = {
     callback: (rowData: any) => void | any;
     isDisabled?: (rowData: any) => boolean;
     color?: string;
+    icon?: {
+        variant?: IconStyle;
+        name: string;
+        size?: FaSize;
+    };
 };
 
+/**
+ * The actions a grid column's Actions Menu shows: a fixed array, or a resolver per row.
+ * @public
+ */
+export declare type ActionMenuItems = ActionMenuItem[] | ActionMenuItemsResolver;
+
+/**
+ * A function of the row data returning the actions for that row (for row-scoped
+ * eligibility/permission filtering).
+ * @public
+ */
+export declare type ActionMenuItemsResolver = (rowData: any) => ActionMenuItem[];
+
 /**
  * @tagname %%prefix%%-actions-menu
  */
 export declare class ActionsMenu extends FoundationElement {
     actions: ActionMenuItem[];
+    /**
+     * Resolves the actions per row instead of `actions`, from the row data in `definition`.
+     * @remarks Set from a function passed as the cell params' `actions`.
+     */
+    actionsResolver?: ActionMenuItemsResolver;
     isVertical: boolean;
     addDefaultActions: boolean;
     autoCloseOnAction: boolean;
     classNames: string;
     definition: any;
     name: string;
+    /**
+     * When set, the opener renders this icon instead of the `name` text (e.g. `ellipsis`
+     * for an icon-only "kebab" opener).
+     */
+    iconName: string;
     open: boolean;
     buttonAppearance: string;
     hideDisabled: boolean;
@@ -332,12 +360,30 @@ export declare class ActionsMenu extends FoundationElement {
     singleOption: ActionMenuItem;
     actionsMenu: HTMLElement;
     actionsOpener: HTMLElement;
+    private positionTracker?;
+    /** Set when the keyboard opens the menu, so focus moves into it as screen readers announce. */
+    private focusMenuOnOpen;
     disconnectedCallback(): void;
     private updateMenuPosition;
+    private startTrackingPosition;
+    private stopTrackingPosition;
     protected definitionChanged(oldValue: any, newValue: any): void;
     protected openChanged(): void;
     toggleActionsMenuVisibility(): void;
+    /**
+     * Syncs `open` when the native `popover="auto"` light-dismiss (outside click / Escape) closes
+     * the vertical menu without going through `toggleActionsMenuVisibility()`.
+     */
+    onPopoverToggle(event: Event): void;
+    /** Opens the icon-only opener from the keyboard, as a native button would. */
+    onIconOpenerKeydown(event: KeyboardEvent): boolean;
     onActionMenuItemClick(callback: (rowData: any) => void | any): void;
+    /** Resolves an action's `isDisabled` for the current row. */
+    isActionDisabled(action: ActionMenuItem): boolean;
+    /** The actions for the current row: from `actionsResolver` when set, else `actions`. */
+    get resolvedActions(): ActionMenuItem[];
+    /** Whether the row has an action to show: an enabled one, or any when disabled ones show. */
+    get hasVisibleActions(): boolean;
     get allActions(): ActionMenuItem[];
     get rowData(): any;
     getLabel(name: string | ((rowData: any) => string)): string;
@@ -391,6 +437,21 @@ declare interface AffixMixinBase {
     id: string;
 }
 
+/**
+ * Styles a menu to match AG Grid's own menu (ag-menu / ag-menu-list / ag-menu-option), so a menu
+ * drawn over a grid looks like the grid's. AG Grid's `--ag-*` variables apply where they are set;
+ * elsewhere the design system's tokens do, with fallbacks for when neither is in scope.
+ *
+ * @remarks Shared by the vertical actions menu and grid-pro's right-click menu. Each adds its own
+ * layout (display, sizing) around these rules.
+ *
+ * @param menuSelector - Selects the menu surface. May be a selector list.
+ * @param itemSelector - Selects a menu item. Must be a single selector, as states are appended to it.
+ * @returns The menu surface and item styles.
+ * @public
+ */
+export declare const agMenuStyles: (menuSelector: string, itemSelector: string) => ElementStyles;
+
 /**
  * Natural-language criteria search input with AI interpretation.
  *
@@ -5481,7 +5542,7 @@ export declare class Listbox extends Listbox_2 {
 export declare class ListboxOption extends ListboxOption_2 {
 }
 
-export declare const mapType: (TYPE: string) => "boolean" | "number" | "date" | "text" | "enum";
+export declare const mapType: (TYPE: string) => "boolean" | "number" | "text" | "date" | "enum";
 
 export declare const MAX_DAYS = 31;
 
@@ -5516,7 +5577,7 @@ export declare class MenuItem extends MenuItem_2 {
     connectedCallback(): void;
 }
 
-export declare const menuTemplate: (prefix: string) => ViewTemplate<ActionsMenu, any>;
+export declare const menuTemplate: (prefix: string) => ViewTemplate<ActionsMenu>;
 
 export declare type MinutesConfig = Omit<baseConfig, 'minutes'> & {
     type: RecurrenceType.MINUTES;
@@ -6957,7 +7018,7 @@ export declare interface SetStatesEventDetail {
 
 export declare const sharedFieldStyles: ElementStyles;
 
-export declare const singleOptionTemplate: (prefix: string) => ViewTemplate<ActionsMenu, any>;
+export declare const singleOptionTemplate: (prefix: string) => ViewTemplate<ActionsMenu>;
 
 /**
  * @tagname %%prefix%%-skeleton

package/dist/react.cjs

@@ -118,6 +118,11 @@ const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
   return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
 });
 
+const Accordion = React.forwardRef(function Accordion(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
+});
+
 const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(ActionsMenuWC) ?? '%%prefix%%-actions-menu', { ...rest, ref }, children);
@@ -145,11 +150,6 @@ const AiCriteriaSearch = React.forwardRef(function AiCriteriaSearch(props, ref)
   return React.createElement(customElements.getName(AiCriteriaSearchWC) ?? '%%prefix%%-ai-criteria-search', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
-const Accordion = React.forwardRef(function Accordion(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
-});
-
 const AiIndicator = React.forwardRef(function AiIndicator(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(AiIndicatorWC) ?? '%%prefix%%-ai-indicator', { ...rest, ref }, children);
@@ -1144,9 +1144,9 @@ const WeeklyRecurrence = React.forwardRef(function WeeklyRecurrence(props, ref)
 
 module.exports = {
   AccordionItem,
+  Accordion,
   ActionsMenu,
   AiCriteriaSearch,
-  Accordion,
   AiIndicator,
   Anchor,
   AnchoredRegion,

package/dist/react.mjs

@@ -116,6 +116,11 @@ export const AccordionItem = React.forwardRef(function AccordionItem(props, ref)
   return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
 });
 
+export const Accordion = React.forwardRef(function Accordion(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
+});
+
 export const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(ActionsMenuWC) ?? '%%prefix%%-actions-menu', { ...rest, ref }, children);
@@ -143,11 +148,6 @@ export const AiCriteriaSearch = React.forwardRef(function AiCriteriaSearch(props
   return React.createElement(customElements.getName(AiCriteriaSearchWC) ?? '%%prefix%%-ai-criteria-search', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
-export const Accordion = React.forwardRef(function Accordion(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
-});
-
 export const AiIndicator = React.forwardRef(function AiIndicator(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(AiIndicatorWC) ?? '%%prefix%%-ai-indicator', { ...rest, ref }, children);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-ui",
   "description": "Genesis Foundation UI",
-  "version": "15.75.0",
+  "version": "15.77.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -82,12 +82,12 @@
     }
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "15.75.0",
-    "@genesislcap/genx": "15.75.0",
-    "@genesislcap/ts-builder": "15.75.0",
-    "@genesislcap/uvu-playwright-builder": "15.75.0",
-    "@genesislcap/vite-builder": "15.75.0",
-    "@genesislcap/webpack-builder": "15.75.0",
+    "@genesislcap/foundation-testing": "15.77.0",
+    "@genesislcap/genx": "15.77.0",
+    "@genesislcap/ts-builder": "15.77.0",
+    "@genesislcap/uvu-playwright-builder": "15.77.0",
+    "@genesislcap/vite-builder": "15.77.0",
+    "@genesislcap/webpack-builder": "15.77.0",
     "copyfiles": "^2.4.1"
   },
   "dependencies": {
@@ -96,16 +96,16 @@
     "@fortawesome/free-regular-svg-icons": "^6.2.1",
     "@fortawesome/free-solid-svg-icons": "^6.2.1",
     "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
-    "@genesislcap/expression-builder": "15.75.0",
-    "@genesislcap/foundation-ai": "15.75.0",
-    "@genesislcap/foundation-comms": "15.75.0",
-    "@genesislcap/foundation-criteria": "15.75.0",
-    "@genesislcap/foundation-errors": "15.75.0",
-    "@genesislcap/foundation-events": "15.75.0",
-    "@genesislcap/foundation-logger": "15.75.0",
-    "@genesislcap/foundation-notifications": "15.75.0",
-    "@genesislcap/foundation-user": "15.75.0",
-    "@genesislcap/foundation-utils": "15.75.0",
+    "@genesislcap/expression-builder": "15.77.0",
+    "@genesislcap/foundation-ai": "15.77.0",
+    "@genesislcap/foundation-comms": "15.77.0",
+    "@genesislcap/foundation-criteria": "15.77.0",
+    "@genesislcap/foundation-errors": "15.77.0",
+    "@genesislcap/foundation-events": "15.77.0",
+    "@genesislcap/foundation-logger": "15.77.0",
+    "@genesislcap/foundation-notifications": "15.77.0",
+    "@genesislcap/foundation-user": "15.77.0",
+    "@genesislcap/foundation-utils": "15.77.0",
     "@microsoft/fast-colors": "5.3.1",
     "@microsoft/fast-components": "2.30.6",
     "@microsoft/fast-element": "1.14.0",