@genesislcap/foundation-ui 15.74.0 → 15.76.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/custom-elements.json +763 -603
- package/dist/dts/actions-menu/actions-menu.d.ts +46 -0
- package/dist/dts/actions-menu/actions-menu.d.ts.map +1 -1
- package/dist/dts/actions-menu/actions-menu.styles.d.ts.map +1 -1
- package/dist/dts/actions-menu/actions-menu.template.d.ts +2 -2
- package/dist/dts/actions-menu/actions-menu.template.d.ts.map +1 -1
- package/dist/dts/actions-menu/ag-menu.styles.d.ts +16 -0
- package/dist/dts/actions-menu/ag-menu.styles.d.ts.map +1 -0
- package/dist/dts/actions-menu/index.d.ts +1 -0
- package/dist/dts/actions-menu/index.d.ts.map +1 -1
- package/dist/dts/filter-bar/filter-bar.utils.d.ts +1 -1
- package/dist/dts/react.d.ts +9 -9
- package/dist/dts/utils/popover-position.d.ts +22 -0
- package/dist/dts/utils/popover-position.d.ts.map +1 -0
- package/dist/esm/actions-menu/actions-menu.js +136 -19
- package/dist/esm/actions-menu/actions-menu.styles.js +40 -7
- package/dist/esm/actions-menu/actions-menu.template.js +69 -8
- package/dist/esm/actions-menu/ag-menu.styles.js +60 -0
- package/dist/esm/actions-menu/index.js +1 -0
- package/dist/esm/utils/popover-position.js +50 -0
- package/dist/foundation-ui.api.json +425 -5
- package/dist/foundation-ui.d.ts +64 -3
- package/dist/react.cjs +6 -6
- package/dist/react.mjs +5 -5
- package/package.json +17 -17
package/dist/foundation-ui.d.ts
CHANGED
|
@@ -312,19 +312,47 @@ export declare type ActionMenuItem = {
|
|
|
312
312
|
callback: (rowData: any) => void | any;
|
|
313
313
|
isDisabled?: (rowData: any) => boolean;
|
|
314
314
|
color?: string;
|
|
315
|
+
icon?: {
|
|
316
|
+
variant?: IconStyle;
|
|
317
|
+
name: string;
|
|
318
|
+
size?: FaSize;
|
|
319
|
+
};
|
|
315
320
|
};
|
|
316
321
|
|
|
322
|
+
/**
|
|
323
|
+
* The actions a grid column's Actions Menu shows: a fixed array, or a resolver per row.
|
|
324
|
+
* @public
|
|
325
|
+
*/
|
|
326
|
+
export declare type ActionMenuItems = ActionMenuItem[] | ActionMenuItemsResolver;
|
|
327
|
+
|
|
328
|
+
/**
|
|
329
|
+
* A function of the row data returning the actions for that row (for row-scoped
|
|
330
|
+
* eligibility/permission filtering).
|
|
331
|
+
* @public
|
|
332
|
+
*/
|
|
333
|
+
export declare type ActionMenuItemsResolver = (rowData: any) => ActionMenuItem[];
|
|
334
|
+
|
|
317
335
|
/**
|
|
318
336
|
* @tagname %%prefix%%-actions-menu
|
|
319
337
|
*/
|
|
320
338
|
export declare class ActionsMenu extends FoundationElement {
|
|
321
339
|
actions: ActionMenuItem[];
|
|
340
|
+
/**
|
|
341
|
+
* Resolves the actions per row instead of `actions`, from the row data in `definition`.
|
|
342
|
+
* @remarks Set from a function passed as the cell params' `actions`.
|
|
343
|
+
*/
|
|
344
|
+
actionsResolver?: ActionMenuItemsResolver;
|
|
322
345
|
isVertical: boolean;
|
|
323
346
|
addDefaultActions: boolean;
|
|
324
347
|
autoCloseOnAction: boolean;
|
|
325
348
|
classNames: string;
|
|
326
349
|
definition: any;
|
|
327
350
|
name: string;
|
|
351
|
+
/**
|
|
352
|
+
* When set, the opener renders this icon instead of the `name` text (e.g. `ellipsis`
|
|
353
|
+
* for an icon-only "kebab" opener).
|
|
354
|
+
*/
|
|
355
|
+
iconName: string;
|
|
328
356
|
open: boolean;
|
|
329
357
|
buttonAppearance: string;
|
|
330
358
|
hideDisabled: boolean;
|
|
@@ -332,12 +360,30 @@ export declare class ActionsMenu extends FoundationElement {
|
|
|
332
360
|
singleOption: ActionMenuItem;
|
|
333
361
|
actionsMenu: HTMLElement;
|
|
334
362
|
actionsOpener: HTMLElement;
|
|
363
|
+
private positionTracker?;
|
|
364
|
+
/** Set when the keyboard opens the menu, so focus moves into it as screen readers announce. */
|
|
365
|
+
private focusMenuOnOpen;
|
|
335
366
|
disconnectedCallback(): void;
|
|
336
367
|
private updateMenuPosition;
|
|
368
|
+
private startTrackingPosition;
|
|
369
|
+
private stopTrackingPosition;
|
|
337
370
|
protected definitionChanged(oldValue: any, newValue: any): void;
|
|
338
371
|
protected openChanged(): void;
|
|
339
372
|
toggleActionsMenuVisibility(): void;
|
|
373
|
+
/**
|
|
374
|
+
* Syncs `open` when the native `popover="auto"` light-dismiss (outside click / Escape) closes
|
|
375
|
+
* the vertical menu without going through `toggleActionsMenuVisibility()`.
|
|
376
|
+
*/
|
|
377
|
+
onPopoverToggle(event: Event): void;
|
|
378
|
+
/** Opens the icon-only opener from the keyboard, as a native button would. */
|
|
379
|
+
onIconOpenerKeydown(event: KeyboardEvent): boolean;
|
|
340
380
|
onActionMenuItemClick(callback: (rowData: any) => void | any): void;
|
|
381
|
+
/** Resolves an action's `isDisabled` for the current row. */
|
|
382
|
+
isActionDisabled(action: ActionMenuItem): boolean;
|
|
383
|
+
/** The actions for the current row: from `actionsResolver` when set, else `actions`. */
|
|
384
|
+
get resolvedActions(): ActionMenuItem[];
|
|
385
|
+
/** Whether the row has an action to show: an enabled one, or any when disabled ones show. */
|
|
386
|
+
get hasVisibleActions(): boolean;
|
|
341
387
|
get allActions(): ActionMenuItem[];
|
|
342
388
|
get rowData(): any;
|
|
343
389
|
getLabel(name: string | ((rowData: any) => string)): string;
|
|
@@ -391,6 +437,21 @@ declare interface AffixMixinBase {
|
|
|
391
437
|
id: string;
|
|
392
438
|
}
|
|
393
439
|
|
|
440
|
+
/**
|
|
441
|
+
* Styles a menu to match AG Grid's own menu (ag-menu / ag-menu-list / ag-menu-option), so a menu
|
|
442
|
+
* drawn over a grid looks like the grid's. AG Grid's `--ag-*` variables apply where they are set;
|
|
443
|
+
* elsewhere the design system's tokens do, with fallbacks for when neither is in scope.
|
|
444
|
+
*
|
|
445
|
+
* @remarks Shared by the vertical actions menu and grid-pro's right-click menu. Each adds its own
|
|
446
|
+
* layout (display, sizing) around these rules.
|
|
447
|
+
*
|
|
448
|
+
* @param menuSelector - Selects the menu surface. May be a selector list.
|
|
449
|
+
* @param itemSelector - Selects a menu item. Must be a single selector, as states are appended to it.
|
|
450
|
+
* @returns The menu surface and item styles.
|
|
451
|
+
* @public
|
|
452
|
+
*/
|
|
453
|
+
export declare const agMenuStyles: (menuSelector: string, itemSelector: string) => ElementStyles;
|
|
454
|
+
|
|
394
455
|
/**
|
|
395
456
|
* Natural-language criteria search input with AI interpretation.
|
|
396
457
|
*
|
|
@@ -5481,7 +5542,7 @@ export declare class Listbox extends Listbox_2 {
|
|
|
5481
5542
|
export declare class ListboxOption extends ListboxOption_2 {
|
|
5482
5543
|
}
|
|
5483
5544
|
|
|
5484
|
-
export declare const mapType: (TYPE: string) => "boolean" | "number" | "
|
|
5545
|
+
export declare const mapType: (TYPE: string) => "boolean" | "number" | "text" | "date" | "enum";
|
|
5485
5546
|
|
|
5486
5547
|
export declare const MAX_DAYS = 31;
|
|
5487
5548
|
|
|
@@ -5516,7 +5577,7 @@ export declare class MenuItem extends MenuItem_2 {
|
|
|
5516
5577
|
connectedCallback(): void;
|
|
5517
5578
|
}
|
|
5518
5579
|
|
|
5519
|
-
export declare const menuTemplate: (prefix: string) => ViewTemplate<ActionsMenu
|
|
5580
|
+
export declare const menuTemplate: (prefix: string) => ViewTemplate<ActionsMenu>;
|
|
5520
5581
|
|
|
5521
5582
|
export declare type MinutesConfig = Omit<baseConfig, 'minutes'> & {
|
|
5522
5583
|
type: RecurrenceType.MINUTES;
|
|
@@ -6957,7 +7018,7 @@ export declare interface SetStatesEventDetail {
|
|
|
6957
7018
|
|
|
6958
7019
|
export declare const sharedFieldStyles: ElementStyles;
|
|
6959
7020
|
|
|
6960
|
-
export declare const singleOptionTemplate: (prefix: string) => ViewTemplate<ActionsMenu
|
|
7021
|
+
export declare const singleOptionTemplate: (prefix: string) => ViewTemplate<ActionsMenu>;
|
|
6961
7022
|
|
|
6962
7023
|
/**
|
|
6963
7024
|
* @tagname %%prefix%%-skeleton
|
package/dist/react.cjs
CHANGED
|
@@ -113,6 +113,11 @@ function _mergeRefs(...refs) {
|
|
|
113
113
|
};
|
|
114
114
|
}
|
|
115
115
|
|
|
116
|
+
const Accordion = React.forwardRef(function Accordion(props, ref) {
|
|
117
|
+
const { children, ...rest } = props;
|
|
118
|
+
return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
|
|
119
|
+
});
|
|
120
|
+
|
|
116
121
|
const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
|
|
117
122
|
const { children, ...rest } = props;
|
|
118
123
|
return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
|
|
@@ -123,11 +128,6 @@ const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
|
|
|
123
128
|
return React.createElement(customElements.getName(ActionsMenuWC) ?? '%%prefix%%-actions-menu', { ...rest, ref }, children);
|
|
124
129
|
});
|
|
125
130
|
|
|
126
|
-
const Accordion = React.forwardRef(function Accordion(props, ref) {
|
|
127
|
-
const { children, ...rest } = props;
|
|
128
|
-
return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
|
|
129
|
-
});
|
|
130
|
-
|
|
131
131
|
const AiCriteriaSearch = React.forwardRef(function AiCriteriaSearch(props, ref) {
|
|
132
132
|
const { onCriteriaChanged, onValidationErrors, children, ...rest } = props;
|
|
133
133
|
const _innerRef = React.useRef(null);
|
|
@@ -1143,9 +1143,9 @@ const WeeklyRecurrence = React.forwardRef(function WeeklyRecurrence(props, ref)
|
|
|
1143
1143
|
});
|
|
1144
1144
|
|
|
1145
1145
|
module.exports = {
|
|
1146
|
+
Accordion,
|
|
1146
1147
|
AccordionItem,
|
|
1147
1148
|
ActionsMenu,
|
|
1148
|
-
Accordion,
|
|
1149
1149
|
AiCriteriaSearch,
|
|
1150
1150
|
AiIndicator,
|
|
1151
1151
|
Anchor,
|
package/dist/react.mjs
CHANGED
|
@@ -111,6 +111,11 @@ function _mergeRefs(...refs) {
|
|
|
111
111
|
};
|
|
112
112
|
}
|
|
113
113
|
|
|
114
|
+
export const Accordion = React.forwardRef(function Accordion(props, ref) {
|
|
115
|
+
const { children, ...rest } = props;
|
|
116
|
+
return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
|
|
117
|
+
});
|
|
118
|
+
|
|
114
119
|
export const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
|
|
115
120
|
const { children, ...rest } = props;
|
|
116
121
|
return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
|
|
@@ -121,11 +126,6 @@ export const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
|
|
|
121
126
|
return React.createElement(customElements.getName(ActionsMenuWC) ?? '%%prefix%%-actions-menu', { ...rest, ref }, children);
|
|
122
127
|
});
|
|
123
128
|
|
|
124
|
-
export const Accordion = React.forwardRef(function Accordion(props, ref) {
|
|
125
|
-
const { children, ...rest } = props;
|
|
126
|
-
return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
|
|
127
|
-
});
|
|
128
|
-
|
|
129
129
|
export const AiCriteriaSearch = React.forwardRef(function AiCriteriaSearch(props, ref) {
|
|
130
130
|
const { onCriteriaChanged, onValidationErrors, children, ...rest } = props;
|
|
131
131
|
const _innerRef = React.useRef(null);
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@genesislcap/foundation-ui",
|
|
3
3
|
"description": "Genesis Foundation UI",
|
|
4
|
-
"version": "15.
|
|
4
|
+
"version": "15.76.0",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"license": "SEE LICENSE IN license.txt",
|
|
7
7
|
"main": "dist/esm/index.js",
|
|
@@ -82,12 +82,12 @@
|
|
|
82
82
|
}
|
|
83
83
|
},
|
|
84
84
|
"devDependencies": {
|
|
85
|
-
"@genesislcap/foundation-testing": "15.
|
|
86
|
-
"@genesislcap/genx": "15.
|
|
87
|
-
"@genesislcap/ts-builder": "15.
|
|
88
|
-
"@genesislcap/uvu-playwright-builder": "15.
|
|
89
|
-
"@genesislcap/vite-builder": "15.
|
|
90
|
-
"@genesislcap/webpack-builder": "15.
|
|
85
|
+
"@genesislcap/foundation-testing": "15.76.0",
|
|
86
|
+
"@genesislcap/genx": "15.76.0",
|
|
87
|
+
"@genesislcap/ts-builder": "15.76.0",
|
|
88
|
+
"@genesislcap/uvu-playwright-builder": "15.76.0",
|
|
89
|
+
"@genesislcap/vite-builder": "15.76.0",
|
|
90
|
+
"@genesislcap/webpack-builder": "15.76.0",
|
|
91
91
|
"copyfiles": "^2.4.1"
|
|
92
92
|
},
|
|
93
93
|
"dependencies": {
|
|
@@ -96,16 +96,16 @@
|
|
|
96
96
|
"@fortawesome/free-regular-svg-icons": "^6.2.1",
|
|
97
97
|
"@fortawesome/free-solid-svg-icons": "^6.2.1",
|
|
98
98
|
"@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
|
|
99
|
-
"@genesislcap/expression-builder": "15.
|
|
100
|
-
"@genesislcap/foundation-ai": "15.
|
|
101
|
-
"@genesislcap/foundation-comms": "15.
|
|
102
|
-
"@genesislcap/foundation-criteria": "15.
|
|
103
|
-
"@genesislcap/foundation-errors": "15.
|
|
104
|
-
"@genesislcap/foundation-events": "15.
|
|
105
|
-
"@genesislcap/foundation-logger": "15.
|
|
106
|
-
"@genesislcap/foundation-notifications": "15.
|
|
107
|
-
"@genesislcap/foundation-user": "15.
|
|
108
|
-
"@genesislcap/foundation-utils": "15.
|
|
99
|
+
"@genesislcap/expression-builder": "15.76.0",
|
|
100
|
+
"@genesislcap/foundation-ai": "15.76.0",
|
|
101
|
+
"@genesislcap/foundation-comms": "15.76.0",
|
|
102
|
+
"@genesislcap/foundation-criteria": "15.76.0",
|
|
103
|
+
"@genesislcap/foundation-errors": "15.76.0",
|
|
104
|
+
"@genesislcap/foundation-events": "15.76.0",
|
|
105
|
+
"@genesislcap/foundation-logger": "15.76.0",
|
|
106
|
+
"@genesislcap/foundation-notifications": "15.76.0",
|
|
107
|
+
"@genesislcap/foundation-user": "15.76.0",
|
|
108
|
+
"@genesislcap/foundation-utils": "15.76.0",
|
|
109
109
|
"@microsoft/fast-colors": "5.3.1",
|
|
110
110
|
"@microsoft/fast-components": "2.30.6",
|
|
111
111
|
"@microsoft/fast-element": "1.14.0",
|