@genesislcap/grid-pro 15.12.0-FUI-2601.1 → 15.13.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 +1082 -1588
- package/dist/dts/grid-pro-beta.d.ts +3 -1
- package/dist/dts/grid-pro-beta.d.ts.map +1 -1
- package/dist/dts/grid-pro.types.d.ts +0 -8
- package/dist/dts/grid-pro.types.d.ts.map +1 -1
- package/dist/dts/index.d.ts +0 -1
- package/dist/dts/index.d.ts.map +1 -1
- package/dist/dts/react.d.ts +45 -45
- package/dist/esm/grid-pro-beta.js +1 -4
- package/dist/esm/grid-pro.types.js +0 -9
- package/dist/esm/index.js +0 -1
- package/dist/grid-pro.api.json +20 -804
- package/dist/grid-pro.d.ts +17 -117
- package/dist/react.cjs +30 -30
- package/dist/react.mjs +25 -25
- package/package.json +14 -14
- package/dist/dts/columns-tool-panel/columns-tool-panel.d.ts +0 -61
- package/dist/dts/columns-tool-panel/columns-tool-panel.d.ts.map +0 -1
- package/dist/dts/columns-tool-panel/columns-tool-panel.utils.d.ts +0 -24
- package/dist/dts/columns-tool-panel/columns-tool-panel.utils.d.ts.map +0 -1
- package/dist/dts/columns-tool-panel/index.d.ts +0 -3
- package/dist/dts/columns-tool-panel/index.d.ts.map +0 -1
- package/dist/esm/columns-tool-panel/columns-tool-panel.js +0 -274
- package/dist/esm/columns-tool-panel/columns-tool-panel.utils.js +0 -129
- package/dist/esm/columns-tool-panel/index.js +0 -2
package/dist/grid-pro.d.ts
CHANGED
|
@@ -26,8 +26,8 @@ import { ColDef as ColDef_2 } from 'ag-grid-community';
|
|
|
26
26
|
import { ColGroupDef } from '@ag-grid-community/core';
|
|
27
27
|
import { ColSpanFunc } from 'ag-grid-community';
|
|
28
28
|
import { ColSpanParams } from '@ag-grid-community/core';
|
|
29
|
-
import { Column } from 'ag-grid-community';
|
|
30
|
-
import { Column as Column_2 } from '
|
|
29
|
+
import { Column } from '@ag-grid-community/core';
|
|
30
|
+
import { Column as Column_2 } from 'ag-grid-community';
|
|
31
31
|
import type { ColumnApi } from '@ag-grid-community/core';
|
|
32
32
|
import { ColumnChooserParams } from 'ag-grid-community';
|
|
33
33
|
import { ColumnMenuTab } from '@ag-grid-community/core';
|
|
@@ -69,8 +69,8 @@ import { GetQuickFilterTextParams } from '@ag-grid-community/core';
|
|
|
69
69
|
import { Grid } from '@ag-grid-community/core';
|
|
70
70
|
import type { GridApi } from '@ag-grid-community/core';
|
|
71
71
|
import type { GridApi as GridApi_2 } from 'ag-grid-community';
|
|
72
|
-
import { GridOptions } from 'ag-grid-community';
|
|
73
|
-
import { GridOptions as GridOptions_2 } from '
|
|
72
|
+
import { GridOptions } from '@ag-grid-community/core';
|
|
73
|
+
import { GridOptions as GridOptions_2 } from 'ag-grid-community';
|
|
74
74
|
import type { GridParams } from '@ag-grid-community/core';
|
|
75
75
|
import type { GridParams as GridParams_2 } from 'ag-grid-community';
|
|
76
76
|
import { GridReadyEvent } from 'ag-grid-community';
|
|
@@ -99,8 +99,6 @@ import { IRowDragItem } from '@ag-grid-community/core';
|
|
|
99
99
|
import { IRowNode } from '@ag-grid-community/core';
|
|
100
100
|
import { IStatusPanelComp } from 'ag-grid-community';
|
|
101
101
|
import { IStatusPanelParams } from 'ag-grid-community';
|
|
102
|
-
import type { IToolPanelComp } from 'ag-grid-community';
|
|
103
|
-
import type { IToolPanelParams } from 'ag-grid-community';
|
|
104
102
|
import { ITooltipComp } from '@ag-grid-community/core';
|
|
105
103
|
import { ITooltipParams } from '@ag-grid-community/core';
|
|
106
104
|
import { JSONSerializer } from '@genesislcap/foundation-utils';
|
|
@@ -147,7 +145,6 @@ import { SwatchRGB } from '@microsoft/fast-components';
|
|
|
147
145
|
import { TextField } from '@genesislcap/foundation-ui';
|
|
148
146
|
import { ToolPanelClassParams } from '@ag-grid-community/core';
|
|
149
147
|
import { ToolPanelClassParams as ToolPanelClassParams_2 } from 'ag-grid-community';
|
|
150
|
-
import type { ToolPanelDef } from 'ag-grid-community';
|
|
151
148
|
import { TooltipValueGetterFunc } from 'ag-grid-community';
|
|
152
149
|
import { ValueFormatterFunc } from '@ag-grid-community/core';
|
|
153
150
|
import { ValueFormatterFunc as ValueFormatterFunc_2 } from 'ag-grid-community';
|
|
@@ -572,11 +569,6 @@ export declare const agThemeTokenMapClassname: (themeName: string) => string;
|
|
|
572
569
|
*/
|
|
573
570
|
export declare const agThemeTokenMapCSS: (themeName: string, tokenMap: CSSVarTokenMap<any>) => ElementStyles;
|
|
574
571
|
|
|
575
|
-
export declare function applyVisibleOrder<T extends {
|
|
576
|
-
colId?: string;
|
|
577
|
-
hide?: boolean | null;
|
|
578
|
-
}>(columnState: T[], visibleOrder: string[]): T[];
|
|
579
|
-
|
|
580
572
|
/**
|
|
581
573
|
* The background color swatch.
|
|
582
574
|
* @internal
|
|
@@ -650,73 +642,6 @@ export declare type BooleanRendererParams = {
|
|
|
650
642
|
*/
|
|
651
643
|
export declare const CellTemplate: ViewTemplate<GridProCell, any>;
|
|
652
644
|
|
|
653
|
-
export declare interface ColumnPickerItem {
|
|
654
|
-
colId: string;
|
|
655
|
-
headerName: string;
|
|
656
|
-
visible: boolean;
|
|
657
|
-
lockVisible: boolean;
|
|
658
|
-
}
|
|
659
|
-
|
|
660
|
-
/**
|
|
661
|
-
* Custom columns tool panel. Replaces AG Grid Enterprise `agColumnsToolPanel`.
|
|
662
|
-
*
|
|
663
|
-
* @public
|
|
664
|
-
* @remarks
|
|
665
|
-
* Registered as `gridProColumnsToolPanel` (`GridProToolPanelTypes.columns`).
|
|
666
|
-
* `resolveGridProSideBar` rewrites `sideBar: ['columns']` / `agColumnsToolPanel` to this
|
|
667
|
-
* component so hosts do not need `ColumnsToolPanelModule` — only `SideBarModule`.
|
|
668
|
-
*
|
|
669
|
-
* Layout: search → visible columns (drag to reorder) → divider → hidden columns.
|
|
670
|
-
* Checkboxes toggle visibility via `api.setColumnsVisible`; drag is limited to the
|
|
671
|
-
* visible list and disabled while a search filter is active.
|
|
672
|
-
*/
|
|
673
|
-
export declare class ColumnsToolPanel implements IToolPanelComp {
|
|
674
|
-
private params;
|
|
675
|
-
private api;
|
|
676
|
-
private eGui;
|
|
677
|
-
private searchInput;
|
|
678
|
-
/** Visible (checked) columns, in grid display order. */
|
|
679
|
-
private selectedList;
|
|
680
|
-
/** Hidden columns, alphabetical after search filter. */
|
|
681
|
-
private unselectedList;
|
|
682
|
-
private divider;
|
|
683
|
-
private search;
|
|
684
|
-
/** Source colId while a visible-row drag is in progress. */
|
|
685
|
-
private dragColId;
|
|
686
|
-
/** Stable listener refs so `destroy` can remove the same functions `init` added. */
|
|
687
|
-
private readonly boundRefresh;
|
|
688
|
-
/**
|
|
689
|
-
* AG Grid `IToolPanelComp` entry. Builds the DOM once and subscribes to column
|
|
690
|
-
* events so the picker stays in sync with header menu / API visibility changes.
|
|
691
|
-
*/
|
|
692
|
-
init(params: IToolPanelParams): void;
|
|
693
|
-
/**
|
|
694
|
-
* Rebuilds both lists from current grid column state.
|
|
695
|
-
* Displayed columns stay first (grid order); hidden columns follow so search
|
|
696
|
-
* and drag operate on a single ordered picker model.
|
|
697
|
-
*/
|
|
698
|
-
refresh(): void;
|
|
699
|
-
/** Root element AG Grid mounts into the sidebar. */
|
|
700
|
-
getGui(): HTMLElement;
|
|
701
|
-
destroy(): void;
|
|
702
|
-
/** One-time DOM: scoped styles, search, visible list, divider, hidden list. */
|
|
703
|
-
private buildGui;
|
|
704
|
-
private renderList;
|
|
705
|
-
/**
|
|
706
|
-
* One picker row: drag handle + visibility checkbox + header label.
|
|
707
|
-
* Drag is only bound for visible rows when search is empty so reorder
|
|
708
|
-
* matches full grid order, not a filtered subset.
|
|
709
|
-
*/
|
|
710
|
-
private createItem;
|
|
711
|
-
/** HTML5 drag-and-drop between visible rows; drop target colId is `colId`. */
|
|
712
|
-
private bindDrag;
|
|
713
|
-
/**
|
|
714
|
-
* Applies a new visible-column order via `applyColumnState({ applyOrder: true })`.
|
|
715
|
-
* Hidden columns keep their relative positions; only the visible slice is permuted.
|
|
716
|
-
*/
|
|
717
|
-
private reorderSelected;
|
|
718
|
-
}
|
|
719
|
-
|
|
720
645
|
/**
|
|
721
646
|
* The Grid Pro Column Template.
|
|
722
647
|
* @public
|
|
@@ -1474,7 +1399,7 @@ export declare interface FuiCellRendererParams extends ICellRendererParams {
|
|
|
1474
1399
|
export declare class GenesisGridDatasourceElement extends GenesisGridDatasourceElement_base {
|
|
1475
1400
|
connect: Connect;
|
|
1476
1401
|
datasource: Datasource;
|
|
1477
|
-
deferredGridOptions:
|
|
1402
|
+
deferredGridOptions: GridOptions;
|
|
1478
1403
|
deferredColumnStates: ColumnState[];
|
|
1479
1404
|
/**
|
|
1480
1405
|
* Allows grid data updates to be processed via and external function before applying in grid
|
|
@@ -2108,8 +2033,6 @@ export declare const getMultiselectEditorTemplate: (designSystem?: string) => Vi
|
|
|
2108
2033
|
*/
|
|
2109
2034
|
export declare const getNumberEditorTemplate: (designSystem?: string) => ViewTemplate<NumberEditor, any>;
|
|
2110
2035
|
|
|
2111
|
-
export declare function getPickerItems(columns: Column[]): ColumnPickerItem[];
|
|
2112
|
-
|
|
2113
2036
|
/**
|
|
2114
2037
|
* Get a Design System prefixed Select template.
|
|
2115
2038
|
* @param designSystem - The design system prefix to use. Defaults to 'foundation'.
|
|
@@ -2184,7 +2107,7 @@ export declare interface GridCssClassEventDetail {
|
|
|
2184
2107
|
* Grid options config used to configure grids across the application
|
|
2185
2108
|
* @public
|
|
2186
2109
|
*/
|
|
2187
|
-
export declare type GridOptionsConfig =
|
|
2110
|
+
export declare type GridOptionsConfig = GridOptions_2 | GridOptions;
|
|
2188
2111
|
|
|
2189
2112
|
/**
|
|
2190
2113
|
* Grid options config used to inject into grids in application
|
|
@@ -2337,7 +2260,7 @@ export declare class GridPro extends GridPro_base {
|
|
|
2337
2260
|
private columnState;
|
|
2338
2261
|
protected agAttributes: Record<string, string>;
|
|
2339
2262
|
protected agPropertiesMap: Record<string, string>;
|
|
2340
|
-
protected agGridOptions:
|
|
2263
|
+
protected agGridOptions: GridOptions;
|
|
2341
2264
|
/**
|
|
2342
2265
|
* Last grid options supplied via the public `gridOptions` setter (not datasource init).
|
|
2343
2266
|
* Used as the merge base in `handleInitialize` so user options survive datasource restart.
|
|
@@ -2611,7 +2534,7 @@ export declare class GridPro extends GridPro_base {
|
|
|
2611
2534
|
private addMaxRowsPanel;
|
|
2612
2535
|
private addAggregationPanel;
|
|
2613
2536
|
private addDatasourcePanels;
|
|
2614
|
-
protected setupStatusBar(gridOptions:
|
|
2537
|
+
protected setupStatusBar(gridOptions: GridOptions): void;
|
|
2615
2538
|
/**
|
|
2616
2539
|
* Handles column sizing based on sizeColumnsToContent and sizeColumnsToFit attributes
|
|
2617
2540
|
* @private
|
|
@@ -3180,7 +3103,7 @@ export declare class GridProBeta extends GridProBeta_base {
|
|
|
3180
3103
|
private columnState;
|
|
3181
3104
|
protected agAttributes: Record<string, any>;
|
|
3182
3105
|
protected agPropertiesMap: Record<string, string>;
|
|
3183
|
-
protected agGridOptions:
|
|
3106
|
+
protected agGridOptions: GridOptions_2;
|
|
3184
3107
|
/** User-supplied grid options cached as merge base for datasource re-init. */
|
|
3185
3108
|
private userProvidedGridOptions;
|
|
3186
3109
|
private applyingDatasourceGridOptions;
|
|
@@ -3387,7 +3310,7 @@ export declare class GridProBeta extends GridProBeta_base {
|
|
|
3387
3310
|
/**
|
|
3388
3311
|
* @public
|
|
3389
3312
|
*/
|
|
3390
|
-
get gridOptions():
|
|
3313
|
+
get gridOptions(): GridOptions_2;
|
|
3391
3314
|
/**
|
|
3392
3315
|
* @public
|
|
3393
3316
|
*/
|
|
@@ -3408,7 +3331,7 @@ export declare class GridProBeta extends GridProBeta_base {
|
|
|
3408
3331
|
* @internal
|
|
3409
3332
|
*/
|
|
3410
3333
|
private notifyDatasourceVisibleColumns;
|
|
3411
|
-
set gridOptions(options:
|
|
3334
|
+
set gridOptions(options: GridOptions_2);
|
|
3412
3335
|
private setLocalGridOptions;
|
|
3413
3336
|
/**
|
|
3414
3337
|
* Clears the local grid options, this is used to clear the grid options when the grid is restarted.
|
|
@@ -3534,7 +3457,7 @@ export declare class GridProBeta extends GridProBeta_base {
|
|
|
3534
3457
|
resizable?: boolean;
|
|
3535
3458
|
suppressSizeToFit?: boolean;
|
|
3536
3459
|
suppressAutoSize?: boolean;
|
|
3537
|
-
pivotValueColumn?:
|
|
3460
|
+
pivotValueColumn?: Column | Column_2<any>;
|
|
3538
3461
|
pivotTotalColumnIds?: string[];
|
|
3539
3462
|
spanHeaderHeight?: boolean;
|
|
3540
3463
|
headerName?: string;
|
|
@@ -3598,7 +3521,7 @@ export declare class GridProBeta extends GridProBeta_base {
|
|
|
3598
3521
|
private addMaxRowsPanel;
|
|
3599
3522
|
private addAggregationPanel;
|
|
3600
3523
|
private addDatasourcePanels;
|
|
3601
|
-
protected setupStatusBar(gridOptions:
|
|
3524
|
+
protected setupStatusBar(gridOptions: GridOptions_2): void;
|
|
3602
3525
|
get observedAttributes(): string[];
|
|
3603
3526
|
agAttributeChangedCallback(attName: any, oldValue: any, newValue: any): void;
|
|
3604
3527
|
globalEventListener(eventType: any, event: any): void;
|
|
@@ -3680,7 +3603,9 @@ declare const GridProBeta_base: (new (...args: any[]) => {
|
|
|
3680
3603
|
slot: string;
|
|
3681
3604
|
readonly tagName: string;
|
|
3682
3605
|
attachShadow(init: ShadowRootInit): ShadowRoot;
|
|
3683
|
-
checkVisibility(options
|
|
3606
|
+
checkVisibility(options? /**
|
|
3607
|
+
* The key to use for persisting the filter model in local browser or KV storage.
|
|
3608
|
+
*/: CheckVisibilityOptions): boolean;
|
|
3684
3609
|
closest<K extends keyof HTMLElementTagNameMap>(selector: K): HTMLElementTagNameMap[K];
|
|
3685
3610
|
closest<K extends keyof SVGElementTagNameMap>(selector: K): SVGElementTagNameMap[K];
|
|
3686
3611
|
closest<K extends keyof MathMLElementTagNameMap>(selector: K): MathMLElementTagNameMap[K];
|
|
@@ -4422,8 +4347,6 @@ declare const GridProColumn_base: (new (...args: any[]) => {
|
|
|
4422
4347
|
*/
|
|
4423
4348
|
export declare function gridProColumns<TSource = any>(itemsBinding: Binding<TSource, readonly ColDef[]> | readonly ColDef[], includeRenderers?: boolean): CaptureType<TSource>;
|
|
4424
4349
|
|
|
4425
|
-
export declare const gridProColumnsToolPanelDef: ToolPanelDef;
|
|
4426
|
-
|
|
4427
4350
|
/**
|
|
4428
4351
|
* Grid Pro possible error events
|
|
4429
4352
|
* @public
|
|
@@ -4467,7 +4390,7 @@ export declare const gridProEventNames: {
|
|
|
4467
4390
|
* @remarks - This type is used to define the events and callbacks that can be passed to the grid
|
|
4468
4391
|
* @public
|
|
4469
4392
|
*/
|
|
4470
|
-
export declare type GridProEventsAndCallbacks = OnlyFunctions<UntypeNonFunctions<
|
|
4393
|
+
export declare type GridProEventsAndCallbacks = OnlyFunctions<UntypeNonFunctions<GridOptions_2>>;
|
|
4471
4394
|
|
|
4472
4395
|
/**
|
|
4473
4396
|
* Grid Pro Event Listeners
|
|
@@ -5737,15 +5660,6 @@ export declare enum GridProStatusBarTypes {
|
|
|
5737
5660
|
*/
|
|
5738
5661
|
export declare const gridProTemplate: ViewTemplate;
|
|
5739
5662
|
|
|
5740
|
-
/**
|
|
5741
|
-
* Custom Grid Pro tool panel component names.
|
|
5742
|
-
* @public
|
|
5743
|
-
* @remarks Replaces AG Grid Enterprise `agColumnsToolPanel`. Requires `SideBarModule`.
|
|
5744
|
-
*/
|
|
5745
|
-
export declare enum GridProToolPanelTypes {
|
|
5746
|
-
columns = "gridProColumnsToolPanel"
|
|
5747
|
-
}
|
|
5748
|
-
|
|
5749
5663
|
/**
|
|
5750
5664
|
* Event detail for the `gridReady`/`onGridReady` signals.
|
|
5751
5665
|
* @public
|
|
@@ -6566,11 +6480,6 @@ export declare enum OperationType {
|
|
|
6566
6480
|
/** The CSS class to use for the options element's class in the dropdown */
|
|
6567
6481
|
export declare const optionsClass = "options";
|
|
6568
6482
|
|
|
6569
|
-
export declare function partitionPickerItems(items: ColumnPickerItem[], search: string): {
|
|
6570
|
-
selected: ColumnPickerItem[];
|
|
6571
|
-
unselected: ColumnPickerItem[];
|
|
6572
|
-
};
|
|
6573
|
-
|
|
6574
6483
|
/**
|
|
6575
6484
|
* Event detail for requesting a server-side row model refresh.
|
|
6576
6485
|
*/
|
|
@@ -6614,13 +6523,6 @@ export declare type ReloadStatusBarParams = {
|
|
|
6614
6523
|
tooltip?: string;
|
|
6615
6524
|
};
|
|
6616
6525
|
|
|
6617
|
-
export declare function reorderVisibleIds(allVisibleIds: string[], shownIds: string[], fromId: string, toId: string): string[] | null;
|
|
6618
|
-
|
|
6619
|
-
/**
|
|
6620
|
-
* Rewrites `sideBar: ['columns']` / `agColumnsToolPanel` to the custom Grid Pro picker.
|
|
6621
|
-
*/
|
|
6622
|
-
export declare function resolveGridProSideBar(sideBar: GridOptions['sideBar']): GridOptions['sideBar'];
|
|
6623
|
-
|
|
6624
6526
|
/**
|
|
6625
6527
|
* Resolves the field names of the currently visible columns.
|
|
6626
6528
|
* @remarks Prefers the grid's displayed columns (`getAllDisplayedColumns()` — already excludes
|
|
@@ -6913,8 +6815,6 @@ export declare const textFieldRendererStyles: ElementStyles;
|
|
|
6913
6815
|
*/
|
|
6914
6816
|
export declare const textRendererStyles: ElementStyles;
|
|
6915
6817
|
|
|
6916
|
-
export declare function toPickerItem(col: Column): ColumnPickerItem | null;
|
|
6917
|
-
|
|
6918
6818
|
/**
|
|
6919
6819
|
* @public
|
|
6920
6820
|
*/
|
package/dist/react.cjs
CHANGED
|
@@ -96,31 +96,6 @@ const GridProCell = React.forwardRef(function GridProCell(props, ref) {
|
|
|
96
96
|
return React.createElement(customElements.getName(GridProCellWC) ?? 'grid-pro-cell', { ...rest, ref }, children);
|
|
97
97
|
});
|
|
98
98
|
|
|
99
|
-
const DateEditor = React.forwardRef(function DateEditor(props, ref) {
|
|
100
|
-
const { children, ...rest } = props;
|
|
101
|
-
return React.createElement(customElements.getName(DateEditorWC) ?? '%%prefix%%-date-editor', { ...rest, ref }, children);
|
|
102
|
-
});
|
|
103
|
-
|
|
104
|
-
const MultiselectEditor = React.forwardRef(function MultiselectEditor(props, ref) {
|
|
105
|
-
const { children, ...rest } = props;
|
|
106
|
-
return React.createElement(customElements.getName(MultiselectEditorWC) ?? '%%prefix%%-multiselect-editor', { ...rest, ref }, children);
|
|
107
|
-
});
|
|
108
|
-
|
|
109
|
-
const NumberEditor = React.forwardRef(function NumberEditor(props, ref) {
|
|
110
|
-
const { children, ...rest } = props;
|
|
111
|
-
return React.createElement(customElements.getName(NumberEditorWC) ?? '%%prefix%%-number-editor', { ...rest, ref }, children);
|
|
112
|
-
});
|
|
113
|
-
|
|
114
|
-
const SelectEditor = React.forwardRef(function SelectEditor(props, ref) {
|
|
115
|
-
const { children, ...rest } = props;
|
|
116
|
-
return React.createElement(customElements.getName(SelectEditorWC) ?? '%%prefix%%-select-editor', { ...rest, ref }, children);
|
|
117
|
-
});
|
|
118
|
-
|
|
119
|
-
const StringEditor = React.forwardRef(function StringEditor(props, ref) {
|
|
120
|
-
const { children, ...rest } = props;
|
|
121
|
-
return React.createElement(customElements.getName(StringEditorWC) ?? '%%prefix%%-string-editor', { ...rest, ref }, children);
|
|
122
|
-
});
|
|
123
|
-
|
|
124
99
|
const ActionRenderer = React.forwardRef(function ActionRenderer(props, ref) {
|
|
125
100
|
const { children, ...rest } = props;
|
|
126
101
|
return React.createElement(customElements.getName(ActionRendererWC) ?? '%%prefix%%-grid-pro-action-renderer', { ...rest, ref }, children);
|
|
@@ -161,6 +136,31 @@ const AgTextRenderer = React.forwardRef(function AgTextRenderer(props, ref) {
|
|
|
161
136
|
return React.createElement(customElements.getName(AgTextRendererWC) ?? '%%prefix%%-grid-text-renderer', { ...rest, ref }, children);
|
|
162
137
|
});
|
|
163
138
|
|
|
139
|
+
const DateEditor = React.forwardRef(function DateEditor(props, ref) {
|
|
140
|
+
const { children, ...rest } = props;
|
|
141
|
+
return React.createElement(customElements.getName(DateEditorWC) ?? '%%prefix%%-date-editor', { ...rest, ref }, children);
|
|
142
|
+
});
|
|
143
|
+
|
|
144
|
+
const MultiselectEditor = React.forwardRef(function MultiselectEditor(props, ref) {
|
|
145
|
+
const { children, ...rest } = props;
|
|
146
|
+
return React.createElement(customElements.getName(MultiselectEditorWC) ?? '%%prefix%%-multiselect-editor', { ...rest, ref }, children);
|
|
147
|
+
});
|
|
148
|
+
|
|
149
|
+
const NumberEditor = React.forwardRef(function NumberEditor(props, ref) {
|
|
150
|
+
const { children, ...rest } = props;
|
|
151
|
+
return React.createElement(customElements.getName(NumberEditorWC) ?? '%%prefix%%-number-editor', { ...rest, ref }, children);
|
|
152
|
+
});
|
|
153
|
+
|
|
154
|
+
const SelectEditor = React.forwardRef(function SelectEditor(props, ref) {
|
|
155
|
+
const { children, ...rest } = props;
|
|
156
|
+
return React.createElement(customElements.getName(SelectEditorWC) ?? '%%prefix%%-select-editor', { ...rest, ref }, children);
|
|
157
|
+
});
|
|
158
|
+
|
|
159
|
+
const StringEditor = React.forwardRef(function StringEditor(props, ref) {
|
|
160
|
+
const { children, ...rest } = props;
|
|
161
|
+
return React.createElement(customElements.getName(StringEditorWC) ?? '%%prefix%%-string-editor', { ...rest, ref }, children);
|
|
162
|
+
});
|
|
163
|
+
|
|
164
164
|
const GridProColumn = React.forwardRef(function GridProColumn(props, ref) {
|
|
165
165
|
const { children, ...rest } = props;
|
|
166
166
|
return React.createElement(customElements.getName(GridProColumnWC) ?? 'grid-pro-column', { ...rest, ref }, children);
|
|
@@ -486,11 +486,6 @@ module.exports = {
|
|
|
486
486
|
GridProBeta,
|
|
487
487
|
GridPro,
|
|
488
488
|
GridProCell,
|
|
489
|
-
DateEditor,
|
|
490
|
-
MultiselectEditor,
|
|
491
|
-
NumberEditor,
|
|
492
|
-
SelectEditor,
|
|
493
|
-
StringEditor,
|
|
494
489
|
ActionRenderer,
|
|
495
490
|
ActionsMenuRenderer,
|
|
496
491
|
BooleanRenderer,
|
|
@@ -499,6 +494,11 @@ module.exports = {
|
|
|
499
494
|
StatusPillRenderer,
|
|
500
495
|
AgTextFieldRenderer,
|
|
501
496
|
AgTextRenderer,
|
|
497
|
+
DateEditor,
|
|
498
|
+
MultiselectEditor,
|
|
499
|
+
NumberEditor,
|
|
500
|
+
SelectEditor,
|
|
501
|
+
StringEditor,
|
|
502
502
|
GridProColumn,
|
|
503
503
|
GridProClientSideDatasource,
|
|
504
504
|
GridProServerSideDatasource,
|
package/dist/react.mjs
CHANGED
|
@@ -94,31 +94,6 @@ export const GridProCell = React.forwardRef(function GridProCell(props, ref) {
|
|
|
94
94
|
return React.createElement(customElements.getName(GridProCellWC) ?? 'grid-pro-cell', { ...rest, ref }, children);
|
|
95
95
|
});
|
|
96
96
|
|
|
97
|
-
export const DateEditor = React.forwardRef(function DateEditor(props, ref) {
|
|
98
|
-
const { children, ...rest } = props;
|
|
99
|
-
return React.createElement(customElements.getName(DateEditorWC) ?? '%%prefix%%-date-editor', { ...rest, ref }, children);
|
|
100
|
-
});
|
|
101
|
-
|
|
102
|
-
export const MultiselectEditor = React.forwardRef(function MultiselectEditor(props, ref) {
|
|
103
|
-
const { children, ...rest } = props;
|
|
104
|
-
return React.createElement(customElements.getName(MultiselectEditorWC) ?? '%%prefix%%-multiselect-editor', { ...rest, ref }, children);
|
|
105
|
-
});
|
|
106
|
-
|
|
107
|
-
export const NumberEditor = React.forwardRef(function NumberEditor(props, ref) {
|
|
108
|
-
const { children, ...rest } = props;
|
|
109
|
-
return React.createElement(customElements.getName(NumberEditorWC) ?? '%%prefix%%-number-editor', { ...rest, ref }, children);
|
|
110
|
-
});
|
|
111
|
-
|
|
112
|
-
export const SelectEditor = React.forwardRef(function SelectEditor(props, ref) {
|
|
113
|
-
const { children, ...rest } = props;
|
|
114
|
-
return React.createElement(customElements.getName(SelectEditorWC) ?? '%%prefix%%-select-editor', { ...rest, ref }, children);
|
|
115
|
-
});
|
|
116
|
-
|
|
117
|
-
export const StringEditor = React.forwardRef(function StringEditor(props, ref) {
|
|
118
|
-
const { children, ...rest } = props;
|
|
119
|
-
return React.createElement(customElements.getName(StringEditorWC) ?? '%%prefix%%-string-editor', { ...rest, ref }, children);
|
|
120
|
-
});
|
|
121
|
-
|
|
122
97
|
export const ActionRenderer = React.forwardRef(function ActionRenderer(props, ref) {
|
|
123
98
|
const { children, ...rest } = props;
|
|
124
99
|
return React.createElement(customElements.getName(ActionRendererWC) ?? '%%prefix%%-grid-pro-action-renderer', { ...rest, ref }, children);
|
|
@@ -159,6 +134,31 @@ export const AgTextRenderer = React.forwardRef(function AgTextRenderer(props, re
|
|
|
159
134
|
return React.createElement(customElements.getName(AgTextRendererWC) ?? '%%prefix%%-grid-text-renderer', { ...rest, ref }, children);
|
|
160
135
|
});
|
|
161
136
|
|
|
137
|
+
export const DateEditor = React.forwardRef(function DateEditor(props, ref) {
|
|
138
|
+
const { children, ...rest } = props;
|
|
139
|
+
return React.createElement(customElements.getName(DateEditorWC) ?? '%%prefix%%-date-editor', { ...rest, ref }, children);
|
|
140
|
+
});
|
|
141
|
+
|
|
142
|
+
export const MultiselectEditor = React.forwardRef(function MultiselectEditor(props, ref) {
|
|
143
|
+
const { children, ...rest } = props;
|
|
144
|
+
return React.createElement(customElements.getName(MultiselectEditorWC) ?? '%%prefix%%-multiselect-editor', { ...rest, ref }, children);
|
|
145
|
+
});
|
|
146
|
+
|
|
147
|
+
export const NumberEditor = React.forwardRef(function NumberEditor(props, ref) {
|
|
148
|
+
const { children, ...rest } = props;
|
|
149
|
+
return React.createElement(customElements.getName(NumberEditorWC) ?? '%%prefix%%-number-editor', { ...rest, ref }, children);
|
|
150
|
+
});
|
|
151
|
+
|
|
152
|
+
export const SelectEditor = React.forwardRef(function SelectEditor(props, ref) {
|
|
153
|
+
const { children, ...rest } = props;
|
|
154
|
+
return React.createElement(customElements.getName(SelectEditorWC) ?? '%%prefix%%-select-editor', { ...rest, ref }, children);
|
|
155
|
+
});
|
|
156
|
+
|
|
157
|
+
export const StringEditor = React.forwardRef(function StringEditor(props, ref) {
|
|
158
|
+
const { children, ...rest } = props;
|
|
159
|
+
return React.createElement(customElements.getName(StringEditorWC) ?? '%%prefix%%-string-editor', { ...rest, ref }, children);
|
|
160
|
+
});
|
|
161
|
+
|
|
162
162
|
export const GridProColumn = React.forwardRef(function GridProColumn(props, ref) {
|
|
163
163
|
const { children, ...rest } = props;
|
|
164
164
|
return React.createElement(customElements.getName(GridProColumnWC) ?? 'grid-pro-column', { ...rest, ref }, children);
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@genesislcap/grid-pro",
|
|
3
3
|
"description": "Genesis Foundation AG Grid",
|
|
4
|
-
"version": "15.
|
|
4
|
+
"version": "15.13.0",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"license": "SEE LICENSE IN license.txt",
|
|
7
7
|
"main": "dist/esm/index.js",
|
|
@@ -40,20 +40,20 @@
|
|
|
40
40
|
}
|
|
41
41
|
},
|
|
42
42
|
"devDependencies": {
|
|
43
|
-
"@genesislcap/foundation-testing": "15.
|
|
44
|
-
"@genesislcap/genx": "15.
|
|
45
|
-
"@genesislcap/rollup-builder": "15.
|
|
46
|
-
"@genesislcap/ts-builder": "15.
|
|
47
|
-
"@genesislcap/uvu-playwright-builder": "15.
|
|
48
|
-
"@genesislcap/vite-builder": "15.
|
|
49
|
-
"@genesislcap/webpack-builder": "15.
|
|
43
|
+
"@genesislcap/foundation-testing": "15.13.0",
|
|
44
|
+
"@genesislcap/genx": "15.13.0",
|
|
45
|
+
"@genesislcap/rollup-builder": "15.13.0",
|
|
46
|
+
"@genesislcap/ts-builder": "15.13.0",
|
|
47
|
+
"@genesislcap/uvu-playwright-builder": "15.13.0",
|
|
48
|
+
"@genesislcap/vite-builder": "15.13.0",
|
|
49
|
+
"@genesislcap/webpack-builder": "15.13.0"
|
|
50
50
|
},
|
|
51
51
|
"dependencies": {
|
|
52
|
-
"@genesislcap/foundation-comms": "15.
|
|
53
|
-
"@genesislcap/foundation-criteria": "15.
|
|
54
|
-
"@genesislcap/foundation-logger": "15.
|
|
55
|
-
"@genesislcap/foundation-ui": "15.
|
|
56
|
-
"@genesislcap/foundation-utils": "15.
|
|
52
|
+
"@genesislcap/foundation-comms": "15.13.0",
|
|
53
|
+
"@genesislcap/foundation-criteria": "15.13.0",
|
|
54
|
+
"@genesislcap/foundation-logger": "15.13.0",
|
|
55
|
+
"@genesislcap/foundation-ui": "15.13.0",
|
|
56
|
+
"@genesislcap/foundation-utils": "15.13.0",
|
|
57
57
|
"@microsoft/fast-colors": "5.3.1",
|
|
58
58
|
"@microsoft/fast-components": "2.30.6",
|
|
59
59
|
"@microsoft/fast-element": "1.14.0",
|
|
@@ -91,5 +91,5 @@
|
|
|
91
91
|
"require": "./dist/react.cjs"
|
|
92
92
|
}
|
|
93
93
|
},
|
|
94
|
-
"gitHead": "
|
|
94
|
+
"gitHead": "719ab9df50445af3dabf8f6fb9966d004e5ae524"
|
|
95
95
|
}
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import type { IToolPanelComp, IToolPanelParams } from 'ag-grid-community';
|
|
2
|
-
/**
|
|
3
|
-
* Custom columns tool panel. Replaces AG Grid Enterprise `agColumnsToolPanel`.
|
|
4
|
-
*
|
|
5
|
-
* @public
|
|
6
|
-
* @remarks
|
|
7
|
-
* Registered as `gridProColumnsToolPanel` (`GridProToolPanelTypes.columns`).
|
|
8
|
-
* `resolveGridProSideBar` rewrites `sideBar: ['columns']` / `agColumnsToolPanel` to this
|
|
9
|
-
* component so hosts do not need `ColumnsToolPanelModule` — only `SideBarModule`.
|
|
10
|
-
*
|
|
11
|
-
* Layout: search → visible columns (drag to reorder) → divider → hidden columns.
|
|
12
|
-
* Checkboxes toggle visibility via `api.setColumnsVisible`; drag is limited to the
|
|
13
|
-
* visible list and disabled while a search filter is active.
|
|
14
|
-
*/
|
|
15
|
-
export declare class ColumnsToolPanel implements IToolPanelComp {
|
|
16
|
-
private params;
|
|
17
|
-
private api;
|
|
18
|
-
private eGui;
|
|
19
|
-
private searchInput;
|
|
20
|
-
/** Visible (checked) columns, in grid display order. */
|
|
21
|
-
private selectedList;
|
|
22
|
-
/** Hidden columns, alphabetical after search filter. */
|
|
23
|
-
private unselectedList;
|
|
24
|
-
private divider;
|
|
25
|
-
private search;
|
|
26
|
-
/** Source colId while a visible-row drag is in progress. */
|
|
27
|
-
private dragColId;
|
|
28
|
-
/** Stable listener refs so `destroy` can remove the same functions `init` added. */
|
|
29
|
-
private readonly boundRefresh;
|
|
30
|
-
/**
|
|
31
|
-
* AG Grid `IToolPanelComp` entry. Builds the DOM once and subscribes to column
|
|
32
|
-
* events so the picker stays in sync with header menu / API visibility changes.
|
|
33
|
-
*/
|
|
34
|
-
init(params: IToolPanelParams): void;
|
|
35
|
-
/**
|
|
36
|
-
* Rebuilds both lists from current grid column state.
|
|
37
|
-
* Displayed columns stay first (grid order); hidden columns follow so search
|
|
38
|
-
* and drag operate on a single ordered picker model.
|
|
39
|
-
*/
|
|
40
|
-
refresh(): void;
|
|
41
|
-
/** Root element AG Grid mounts into the sidebar. */
|
|
42
|
-
getGui(): HTMLElement;
|
|
43
|
-
destroy(): void;
|
|
44
|
-
/** One-time DOM: scoped styles, search, visible list, divider, hidden list. */
|
|
45
|
-
private buildGui;
|
|
46
|
-
private renderList;
|
|
47
|
-
/**
|
|
48
|
-
* One picker row: drag handle + visibility checkbox + header label.
|
|
49
|
-
* Drag is only bound for visible rows when search is empty so reorder
|
|
50
|
-
* matches full grid order, not a filtered subset.
|
|
51
|
-
*/
|
|
52
|
-
private createItem;
|
|
53
|
-
/** HTML5 drag-and-drop between visible rows; drop target colId is `colId`. */
|
|
54
|
-
private bindDrag;
|
|
55
|
-
/**
|
|
56
|
-
* Applies a new visible-column order via `applyColumnState({ applyOrder: true })`.
|
|
57
|
-
* Hidden columns keep their relative positions; only the visible slice is permuted.
|
|
58
|
-
*/
|
|
59
|
-
private reorderSelected;
|
|
60
|
-
}
|
|
61
|
-
//# sourceMappingURL=columns-tool-panel.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"columns-tool-panel.d.ts","sourceRoot":"","sources":["../../../src/columns-tool-panel/columns-tool-panel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAW,cAAc,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AA8EnF;;;;;;;;;;;;GAYG;AACH,qBAAa,gBAAiB,YAAW,cAAc;IACrD,OAAO,CAAC,MAAM,CAAmB;IACjC,OAAO,CAAC,GAAG,CAAiB;IAC5B,OAAO,CAAC,IAAI,CAAc;IAC1B,OAAO,CAAC,WAAW,CAAmB;IACtC,wDAAwD;IACxD,OAAO,CAAC,YAAY,CAAc;IAClC,wDAAwD;IACxD,OAAO,CAAC,cAAc,CAAc;IACpC,OAAO,CAAC,OAAO,CAAc;IAC7B,OAAO,CAAC,MAAM,CAAM;IACpB,4DAA4D;IAC5D,OAAO,CAAC,SAAS,CAAuB;IACxC,oFAAoF;IACpF,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAwB;IAErD;;;OAGG;IACH,IAAI,CAAC,MAAM,EAAE,gBAAgB,GAAG,IAAI;IAWpC;;;;OAIG;IACH,OAAO,IAAI,IAAI;IA+Bf,oDAAoD;IACpD,MAAM,IAAI,WAAW;IAIrB,OAAO,IAAI,IAAI;IAUf,+EAA+E;IAC/E,OAAO,CAAC,QAAQ;IAoChB,OAAO,CAAC,UAAU;IAOlB;;;;OAIG;IACH,OAAO,CAAC,UAAU;IAoClB,8EAA8E;IAC9E,OAAO,CAAC,QAAQ;IA4BhB;;;OAGG;IACH,OAAO,CAAC,eAAe;CA0BxB"}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import type { Column, GridOptions, ToolPanelDef } from 'ag-grid-community';
|
|
2
|
-
export interface ColumnPickerItem {
|
|
3
|
-
colId: string;
|
|
4
|
-
headerName: string;
|
|
5
|
-
visible: boolean;
|
|
6
|
-
lockVisible: boolean;
|
|
7
|
-
}
|
|
8
|
-
export declare const gridProColumnsToolPanelDef: ToolPanelDef;
|
|
9
|
-
export declare function toPickerItem(col: Column): ColumnPickerItem | null;
|
|
10
|
-
export declare function getPickerItems(columns: Column[]): ColumnPickerItem[];
|
|
11
|
-
export declare function partitionPickerItems(items: ColumnPickerItem[], search: string): {
|
|
12
|
-
selected: ColumnPickerItem[];
|
|
13
|
-
unselected: ColumnPickerItem[];
|
|
14
|
-
};
|
|
15
|
-
export declare function reorderVisibleIds(allVisibleIds: string[], shownIds: string[], fromId: string, toId: string): string[] | null;
|
|
16
|
-
export declare function applyVisibleOrder<T extends {
|
|
17
|
-
colId?: string;
|
|
18
|
-
hide?: boolean | null;
|
|
19
|
-
}>(columnState: T[], visibleOrder: string[]): T[];
|
|
20
|
-
/**
|
|
21
|
-
* Rewrites `sideBar: ['columns']` / `agColumnsToolPanel` to the custom Grid Pro picker.
|
|
22
|
-
*/
|
|
23
|
-
export declare function resolveGridProSideBar(sideBar: GridOptions['sideBar']): GridOptions['sideBar'];
|
|
24
|
-
//# sourceMappingURL=columns-tool-panel.utils.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"columns-tool-panel.utils.d.ts","sourceRoot":"","sources":["../../../src/columns-tool-panel/columns-tool-panel.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG3E,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,0BAA0B,EAAE,YAMxC,CAAC;AAUF,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,gBAAgB,GAAG,IAAI,CAkBjE;AAED,wBAAgB,cAAc,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,gBAAgB,EAAE,CAEpE;AAED,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,gBAAgB,EAAE,EACzB,MAAM,EAAE,MAAM,GACb;IAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAAC,UAAU,EAAE,gBAAgB,EAAE,CAAA;CAAE,CAWlE;AAED,wBAAgB,iBAAiB,CAC/B,aAAa,EAAE,MAAM,EAAE,EACvB,QAAQ,EAAE,MAAM,EAAE,EAClB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,GACX,MAAM,EAAE,GAAG,IAAI,CAoBjB;AAED,wBAAgB,iBAAiB,CAAC,CAAC,SAAS;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;CAAE,EACnF,WAAW,EAAE,CAAC,EAAE,EAChB,YAAY,EAAE,MAAM,EAAE,GACrB,CAAC,EAAE,CAYL;AA2BD;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG,WAAW,CAAC,SAAS,CAAC,CA6C7F"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/columns-tool-panel/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC"}
|