@linzjs/step-ag-grid 7.1.0 → 7.2.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/index.js +89 -36
- package/dist/index.js.map +1 -1
- package/dist/src/components/Grid.d.ts +2 -0
- package/dist/src/components/GridCellMultiSelectClassRules.d.ts +2 -0
- package/dist/src/components/gridForm/GridFormMultiSelect.d.ts +1 -0
- package/dist/src/index.d.ts +1 -1
- package/dist/src/utils/textMatcher.d.ts +2 -2
- package/dist/step-ag-grid.esm.js +90 -37
- package/dist/step-ag-grid.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Grid.tsx +5 -0
- package/src/components/GridCell.tsx +2 -2
- package/src/components/GridCellMultiSelectClassRules.tsx +9 -0
- package/src/components/gridForm/GridFormMultiSelect.tsx +91 -22
- package/src/components/gridPopoverEdit/GridPopoverEditDropDown.ts +2 -2
- package/src/components/gridPopoverEdit/GridPopoverMenu.tsx +1 -3
- package/src/index.ts +1 -1
- package/src/stories/grid/GridPopoutEditMultiSelect.stories.tsx +3 -3
- package/src/utils/textMatcher.ts +11 -8
- package/dist/src/components/GenericCellClass.d.ts +0 -2
- package/src/components/GenericCellClass.tsx +0 -15
|
@@ -17,6 +17,8 @@ export interface GridProps {
|
|
|
17
17
|
rowData: GridOptions["rowData"];
|
|
18
18
|
noRowsOverlayText?: string;
|
|
19
19
|
postSortRows?: GridOptions["postSortRows"];
|
|
20
|
+
animateRows?: boolean;
|
|
21
|
+
rowClassRules?: GridOptions["rowClassRules"];
|
|
20
22
|
}
|
|
21
23
|
/**
|
|
22
24
|
* Wrapper for AgGrid to add commonly used functionality.
|
package/dist/src/index.d.ts
CHANGED
|
@@ -12,7 +12,7 @@ export { Grid } from "./components/Grid";
|
|
|
12
12
|
export * from "./components/GridCell";
|
|
13
13
|
export { GridIcon } from "./components/GridIcon";
|
|
14
14
|
export { ComponentLoadingWrapper } from "./components/ComponentLoadingWrapper";
|
|
15
|
-
export {
|
|
15
|
+
export { GridCellMultiSelectClassRules } from "./components/GridCellMultiSelectClassRules";
|
|
16
16
|
export { GridLoadableCell } from "./components/GridLoadableCell";
|
|
17
17
|
export { useGridPopoverHook } from "./components/GridPopoverHook";
|
|
18
18
|
export { usePostSortRowsHook } from "./components/PostSortRowsHook";
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
* "*L" => *L
|
|
8
8
|
* "A B" => A* and B*
|
|
9
9
|
* "A B, C" => (A* and B*) or C*
|
|
10
|
-
*
|
|
11
|
-
* Returns
|
|
10
|
+
* "!A" => all values must not match A
|
|
11
|
+
* Returns true if there's a text match.
|
|
12
12
|
*/
|
|
13
13
|
export declare const textMatch: (text: string | undefined | null, filter: string) => boolean;
|
package/dist/step-ag-grid.esm.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { useMemo, useLayoutEffect, useEffect, createContext, memo, forwardRef, useRef, useContext, useState, useCallback, useReducer, cloneElement, useImperativeHandle, Fragment } from 'react';
|
|
3
3
|
import ReactDOM, { unstable_batchedUpdates, flushSync, createPortal } from 'react-dom';
|
|
4
|
-
import { findIndex, debounce, negate, isEmpty, delay, sortBy, last, difference, castArray, remove, flatten, xorBy, pick, groupBy, toPairs, omit } from 'lodash-es';
|
|
4
|
+
import { findIndex, debounce, negate, isEmpty, delay, sortBy, last, difference, castArray, remove, flatten, xorBy, partition, pick, groupBy, fromPairs, toPairs, omit } from 'lodash-es';
|
|
5
5
|
import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
|
|
6
6
|
import { AgGridReact } from 'ag-grid-react';
|
|
7
7
|
import { LuiMiniSpinner, LuiIcon, LuiCheckboxInput, LuiButton } from '@linzjs/lui';
|
|
@@ -2804,20 +2804,17 @@ var Grid = function (params) {
|
|
|
2804
2804
|
}, [columnDefs === null || columnDefs === void 0 ? void 0 : columnDefs.length, sizeColumnsToFit]);
|
|
2805
2805
|
return (jsxs("div", __assign({ "data-testid": params.dataTestId, className: clsx("Grid-container", "ag-theme-alpine", staleGrid && "Grid-sortIsStale") }, { children: [params.quickFilter && (jsx("div", __assign({ className: "Grid-quickFilter" }, { children: jsx("input", { "aria-label": "Search", className: "lui-margin-top-xxs lui-margin-bottom-xxs Grid-quickFilterBox", type: "text", placeholder: (_a = params.quickFilterPlaceholder) !== null && _a !== void 0 ? _a : "Search...", value: internalQuickFilter, onChange: function (event) {
|
|
2806
2806
|
setInternalQuickFilter(event.target.value);
|
|
2807
|
-
} }) }))), jsx(AgGridReact, { getRowId: function (params) { return "".concat(params.data.id); }, suppressRowClickSelection: true, rowSelection: "multiple", suppressBrowserResizeObserver: true, colResizeDefault: "shift", onFirstDataRendered: sizeColumnsToFit, onGridSizeChanged: sizeColumnsToFit, suppressClickEdit: true, onCellKeyPress: onCellKeyPress, onCellClicked: onCellClicked, onCellDoubleClicked: onCellDoubleClick, onCellEditingStarted: refreshSelectedRows, onCellEditingStopped: onCellEditingStopped, domLayout: params.domLayout, columnDefs: columnDefs, rowData: params.rowData, noRowsOverlayComponent: noRowsOverlayComponent, onGridReady: onGridReady, onSortChanged: ensureSelectedRowIsVisible, postSortRows: (_b = params.postSortRows) !== null && _b !== void 0 ? _b : postSortRows, onSelectionChanged: synchroniseExternalStateToGridSelection })] })));
|
|
2807
|
+
} }) }))), jsx(AgGridReact, { animateRows: params.animateRows, rowClassRules: params.rowClassRules, defaultColDef: params.defaultColDef, getRowId: function (params) { return "".concat(params.data.id); }, suppressRowClickSelection: true, rowSelection: "multiple", suppressBrowserResizeObserver: true, colResizeDefault: "shift", onFirstDataRendered: sizeColumnsToFit, onGridSizeChanged: sizeColumnsToFit, suppressClickEdit: true, onCellKeyPress: onCellKeyPress, onCellClicked: onCellClicked, onCellDoubleClicked: onCellDoubleClick, onCellEditingStarted: refreshSelectedRows, onCellEditingStopped: onCellEditingStopped, domLayout: params.domLayout, columnDefs: columnDefs, rowData: params.rowData, noRowsOverlayComponent: noRowsOverlayComponent, onGridReady: onGridReady, onSortChanged: ensureSelectedRowIsVisible, postSortRows: (_b = params.postSortRows) !== null && _b !== void 0 ? _b : postSortRows, onSelectionChanged: synchroniseExternalStateToGridSelection })] })));
|
|
2808
2808
|
};
|
|
2809
2809
|
|
|
2810
|
-
var
|
|
2811
|
-
|
|
2812
|
-
|
|
2813
|
-
return
|
|
2814
|
-
|
|
2815
|
-
|
|
2816
|
-
|
|
2817
|
-
|
|
2818
|
-
return rowSelected && api.getEditingCells().some(function (cell) { return cell.column.getColDef() === props.colDef; })
|
|
2819
|
-
? "ag-selected-for-edit"
|
|
2820
|
-
: "";
|
|
2810
|
+
var GridCellMultiSelectClassRules = {
|
|
2811
|
+
"ag-selected-for-edit": function (_a) {
|
|
2812
|
+
var api = _a.api, node = _a.node, colDef = _a.colDef;
|
|
2813
|
+
return api
|
|
2814
|
+
.getSelectedNodes()
|
|
2815
|
+
.map(function (row) { return row.id; })
|
|
2816
|
+
.includes(node.id) && api.getEditingCells().some(function (cell) { return cell.column.getColDef() === colDef; });
|
|
2817
|
+
}
|
|
2821
2818
|
};
|
|
2822
2819
|
|
|
2823
2820
|
function styleInject(css, ref) {
|
|
@@ -2895,7 +2892,7 @@ var GridCellRenderer = function (props) {
|
|
|
2895
2892
|
var GridCell = function (props, custom) {
|
|
2896
2893
|
var _a;
|
|
2897
2894
|
return __assign(__assign(__assign(__assign(__assign(__assign({ colId: props.field, sortable: !!((props === null || props === void 0 ? void 0 : props.field) || (props === null || props === void 0 ? void 0 : props.valueGetter)), resizable: true }, ((custom === null || custom === void 0 ? void 0 : custom.editor) && {
|
|
2898
|
-
|
|
2895
|
+
cellClassRules: GridCellMultiSelectClassRules,
|
|
2899
2896
|
editable: (_a = props.editable) !== null && _a !== void 0 ? _a : true,
|
|
2900
2897
|
cellEditor: GenericCellEditorComponentWrapper(custom)
|
|
2901
2898
|
})), { suppressKeyboardEvent: function (e) {
|
|
@@ -3516,8 +3513,8 @@ function isMatch(inputs, patterns, options) {
|
|
|
3516
3513
|
* "*L" => *L
|
|
3517
3514
|
* "A B" => A* and B*
|
|
3518
3515
|
* "A B, C" => (A* and B*) or C*
|
|
3519
|
-
*
|
|
3520
|
-
* Returns
|
|
3516
|
+
* "!A" => all values must not match A
|
|
3517
|
+
* Returns true if there's a text match.
|
|
3521
3518
|
*/
|
|
3522
3519
|
var textMatch = function (text, filter) {
|
|
3523
3520
|
if (text == null)
|
|
@@ -3526,12 +3523,15 @@ var textMatch = function (text, filter) {
|
|
|
3526
3523
|
.split(",")
|
|
3527
3524
|
.map(function (sf) { return sf.trim(); })
|
|
3528
3525
|
.filter(function (sf) { return sf; });
|
|
3526
|
+
var _a = partition(superFilters, function (superFilters) { return superFilters.startsWith("!"); }), negativeFilters = _a[0], positiveFilters = _a[1];
|
|
3529
3527
|
var values = text.replaceAll(",", " ").trim().split(/\s+/);
|
|
3530
|
-
return (isEmpty(
|
|
3531
|
-
|
|
3528
|
+
return ((isEmpty(positiveFilters) || // Not filtered
|
|
3529
|
+
positiveFilters.some(function (superFilter) {
|
|
3532
3530
|
var subFilters = superFilter.split(/\s+/).map(function (s) { return s.replaceAll(/([!?])/g, "\\$1"); });
|
|
3533
3531
|
return subFilters.every(function (subFilter) { return values.some(function (value) { return isMatch(value, subFilter); }); });
|
|
3534
|
-
}))
|
|
3532
|
+
})) &&
|
|
3533
|
+
(isEmpty(negativeFilters) ||
|
|
3534
|
+
negativeFilters.every(function (superFilter) { return values.every(function (value) { return isMatch(value, superFilter); }); })));
|
|
3535
3535
|
};
|
|
3536
3536
|
|
|
3537
3537
|
var GridFormMultiSelect = function (props) {
|
|
@@ -3593,8 +3593,32 @@ var GridFormMultiSelect = function (props) {
|
|
|
3593
3593
|
* Groups options into their header groups
|
|
3594
3594
|
*/
|
|
3595
3595
|
var headerGroups = useMemo(function () {
|
|
3596
|
-
|
|
3597
|
-
|
|
3596
|
+
if (!options)
|
|
3597
|
+
return undefined;
|
|
3598
|
+
var result = groupBy(options.filter(function (o) { return textMatch(o.label, filter) && o.value; }), "filter");
|
|
3599
|
+
// remove leading/trailing/duplicate dividers
|
|
3600
|
+
return fromPairs(toPairs(result).map(function (_a) {
|
|
3601
|
+
var key = _a[0], arr = _a[1];
|
|
3602
|
+
var lastWasDivider = true;
|
|
3603
|
+
return [
|
|
3604
|
+
key,
|
|
3605
|
+
arr
|
|
3606
|
+
.map(function (row, index) {
|
|
3607
|
+
if (row.value === MenuSeparatorString) {
|
|
3608
|
+
if (lastWasDivider)
|
|
3609
|
+
return null;
|
|
3610
|
+
if (index === arr.length - 1)
|
|
3611
|
+
return null;
|
|
3612
|
+
lastWasDivider = true;
|
|
3613
|
+
}
|
|
3614
|
+
else {
|
|
3615
|
+
lastWasDivider = false;
|
|
3616
|
+
}
|
|
3617
|
+
return row;
|
|
3618
|
+
})
|
|
3619
|
+
.filter(function (r) { return r; }),
|
|
3620
|
+
];
|
|
3621
|
+
}));
|
|
3598
3622
|
}, [filter, options]);
|
|
3599
3623
|
var headers = useMemo(function () { var _a; return (_a = props.headers) !== null && _a !== void 0 ? _a : [{ header: "" }]; }, [props.headers]);
|
|
3600
3624
|
var _e = useGridPopoverHook({
|
|
@@ -3602,7 +3626,7 @@ var GridFormMultiSelect = function (props) {
|
|
|
3602
3626
|
invalid: invalid,
|
|
3603
3627
|
save: save
|
|
3604
3628
|
}), popoverWrapper = _e.popoverWrapper, triggerSave = _e.triggerSave;
|
|
3605
|
-
return popoverWrapper(jsx(ComponentLoadingWrapper, __assign({ loading: !options, className: "GridFormMultiSelect-container" }, { children: options && (jsxs(Fragment$1, { children: [props.filtered && (jsx(FilterInput, __assign({}, { headerGroups: headerGroups, options: options, setOptions: setOptions, filter: filter, setFilter: setFilter }, { filterHelpText: props.filterHelpText, onSelectFilter: props.onSelectFilter, filterPlaceholder: props.filterPlaceholder }))), headerGroups && (jsx("div", __assign({ className: "GridFormMultiSelect-options" }, { children: headers.map(function (header) {
|
|
3629
|
+
return popoverWrapper(jsx(ComponentLoadingWrapper, __assign({ loading: !options, className: "GridFormMultiSelect-container" }, { children: options && (jsxs(Fragment$1, { children: [props.filtered && (jsx(FilterInput, __assign({}, { headerGroups: headerGroups, options: options, setOptions: setOptions, filter: filter, setFilter: setFilter, triggerSave: triggerSave }, { filterHelpText: props.filterHelpText, onSelectFilter: props.onSelectFilter, filterPlaceholder: props.filterPlaceholder }))), headerGroups && (jsx("div", __assign({ className: "GridFormMultiSelect-options" }, { children: headers.map(function (header) {
|
|
3606
3630
|
var subOptions = headerGroups["".concat(header.filter)];
|
|
3607
3631
|
return (!isEmpty(subOptions) && (jsxs(Fragment$1, { children: [header.header && jsx(MenuHeader, { children: header.header }), subOptions.map(function (item, index) {
|
|
3608
3632
|
return item.value === MenuSeparatorString ? (jsx(MenuDivider, {}, "div_".concat(index))) : (jsxs(Fragment, { children: [jsx(MenuRadioItem, { item: item, options: options, setOptions: setOptions }), item.checked && item.subComponent && (jsx(MenuSubComponent, __assign({}, { item: item, options: options, setOptions: setOptions, data: data, triggerSave: triggerSave }, { subComponentIsValid: subComponentIsValidRef.current })))] }, "val_".concat(item.value)));
|
|
@@ -3610,14 +3634,19 @@ var GridFormMultiSelect = function (props) {
|
|
|
3610
3634
|
}) })))] })) })));
|
|
3611
3635
|
};
|
|
3612
3636
|
var FilterInput = function (props) {
|
|
3613
|
-
var options = props.options, setOptions = props.setOptions, onSelectFilter = props.onSelectFilter, filter = props.filter, setFilter = props.setFilter, headerGroups = props.headerGroups, filterPlaceholder = props.filterPlaceholder, filterHelpText = props.filterHelpText;
|
|
3637
|
+
var options = props.options, setOptions = props.setOptions, onSelectFilter = props.onSelectFilter, filter = props.filter, setFilter = props.setFilter, headerGroups = props.headerGroups, filterPlaceholder = props.filterPlaceholder, filterHelpText = props.filterHelpText, triggerSave = props.triggerSave;
|
|
3638
|
+
var enterHasBeenPressed = useRef(false);
|
|
3639
|
+
var lastKeyWasEnter = useRef(false);
|
|
3614
3640
|
var toggleSelectAllVisible = useCallback(function () {
|
|
3615
3641
|
if (!options || !headerGroups)
|
|
3616
3642
|
return;
|
|
3617
3643
|
if (isEmpty(filter.trim())) {
|
|
3618
3644
|
// Toggle off if any items are checked otherwise on
|
|
3619
3645
|
var anyChecked_1 = options.some(function (o) { return o.checked; });
|
|
3620
|
-
options.forEach(function (o) {
|
|
3646
|
+
options.forEach(function (o) {
|
|
3647
|
+
if (o.label !== undefined)
|
|
3648
|
+
o.checked = !anyChecked_1;
|
|
3649
|
+
});
|
|
3621
3650
|
}
|
|
3622
3651
|
else {
|
|
3623
3652
|
// Toggle on if any filtered items are checked otherwise off
|
|
@@ -3626,7 +3655,7 @@ var FilterInput = function (props) {
|
|
|
3626
3655
|
});
|
|
3627
3656
|
Object.values(headerGroups).forEach(function (headerOptions) {
|
|
3628
3657
|
headerOptions.forEach(function (o) {
|
|
3629
|
-
if (o.
|
|
3658
|
+
if (o.label !== undefined)
|
|
3630
3659
|
o.checked = anyChecked_2;
|
|
3631
3660
|
});
|
|
3632
3661
|
});
|
|
@@ -3636,28 +3665,52 @@ var FilterInput = function (props) {
|
|
|
3636
3665
|
var addCustomFilterValue = useCallback(function () {
|
|
3637
3666
|
if (!options || !onSelectFilter)
|
|
3638
3667
|
return;
|
|
3668
|
+
var filterTrimmed = filter.trim();
|
|
3669
|
+
if (isEmpty(filterTrimmed)) {
|
|
3670
|
+
triggerSave().then();
|
|
3671
|
+
return;
|
|
3672
|
+
}
|
|
3639
3673
|
var preFilterOptions = JSON.stringify(options);
|
|
3640
|
-
onSelectFilter(
|
|
3674
|
+
onSelectFilter(filterTrimmed, options);
|
|
3641
3675
|
// Detect if options list changed and update
|
|
3642
3676
|
if (preFilterOptions === JSON.stringify(options))
|
|
3643
3677
|
return;
|
|
3644
3678
|
setOptions(__spreadArray([], options, true));
|
|
3645
3679
|
setFilter("");
|
|
3646
|
-
}, [filter, onSelectFilter, options, setFilter, setOptions]);
|
|
3680
|
+
}, [filter, onSelectFilter, options, setFilter, setOptions, triggerSave]);
|
|
3681
|
+
var handleKeyDown = useCallback(function (e) {
|
|
3682
|
+
if (e.key === "Enter") {
|
|
3683
|
+
enterHasBeenPressed.current = true;
|
|
3684
|
+
}
|
|
3685
|
+
}, []);
|
|
3647
3686
|
var handleKeyUp = useCallback(function (e) {
|
|
3648
3687
|
if (e.key === "Enter") {
|
|
3649
3688
|
e.stopPropagation();
|
|
3650
3689
|
e.preventDefault();
|
|
3651
3690
|
if (e.ctrlKey)
|
|
3652
3691
|
toggleSelectAllVisible();
|
|
3653
|
-
else if (
|
|
3654
|
-
|
|
3692
|
+
else if (enterHasBeenPressed.current) {
|
|
3693
|
+
var filterTrimmed = filter.trim();
|
|
3694
|
+
if (isEmpty(filterTrimmed)) {
|
|
3695
|
+
triggerSave().then();
|
|
3696
|
+
return;
|
|
3697
|
+
}
|
|
3698
|
+
onSelectFilter && addCustomFilterValue();
|
|
3699
|
+
}
|
|
3700
|
+
lastKeyWasEnter.current = true;
|
|
3701
|
+
}
|
|
3702
|
+
else if (e.key === "Control") {
|
|
3703
|
+
lastKeyWasEnter.current && setFilter("");
|
|
3704
|
+
lastKeyWasEnter.current = false;
|
|
3705
|
+
}
|
|
3706
|
+
else {
|
|
3707
|
+
lastKeyWasEnter.current = false;
|
|
3655
3708
|
}
|
|
3656
|
-
}, [addCustomFilterValue, onSelectFilter, toggleSelectAllVisible]);
|
|
3657
|
-
return (jsxs(Fragment$1, { children: [jsx(FocusableItem, __assign({ className: "filter-item" }, { children: function (_) { return (jsxs("div", __assign({ style: { width: "100%" }, className: "GridFormMultiSelect-filter" }, { children: [jsx("input", { className: "LuiTextInput-input", type: "text", placeholder: filterPlaceholder !== null && filterPlaceholder !== void 0 ? filterPlaceholder : "Placeholder", "data-testid": "filteredMenu-free-text-input", value: filter, "data-disableenterautosave": true, "data-allowtabtosave": true, onChange: function (e) { return setFilter(e.target.value); }, onKeyUp: handleKeyUp }), filterHelpText && (jsx(FormError, { error: null, helpText: typeof filterHelpText === "function" ? filterHelpText(filter.trim(), options) : filterHelpText }))] }))); } }), "filter"), jsx(MenuDivider, {}, "$$divider_filter"), headerGroups && !toPairs(headerGroups).some(function (_a) {
|
|
3709
|
+
}, [addCustomFilterValue, filter, onSelectFilter, setFilter, toggleSelectAllVisible, triggerSave]);
|
|
3710
|
+
return (jsxs(Fragment$1, { children: [jsx(FocusableItem, __assign({ className: "filter-item" }, { children: function (_) { return (jsxs("div", __assign({ style: { width: "100%" }, className: "GridFormMultiSelect-filter" }, { children: [jsx("input", { className: "LuiTextInput-input", type: "text", placeholder: filterPlaceholder !== null && filterPlaceholder !== void 0 ? filterPlaceholder : "Placeholder", "data-testid": "filteredMenu-free-text-input", value: filter, "data-disableenterautosave": true, "data-allowtabtosave": true, onChange: function (e) { return setFilter(e.target.value); }, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp }), filterHelpText && (jsx(FormError, { error: null, helpText: typeof filterHelpText === "function" ? filterHelpText(filter.trim(), options) : filterHelpText }))] }))); } }), "filter"), jsx(MenuDivider, {}, "$$divider_filter"), headerGroups && !toPairs(headerGroups).some(function (_a) {
|
|
3658
3711
|
_a[0]; var options = _a[1];
|
|
3659
3712
|
return !isEmpty(options);
|
|
3660
|
-
}) && (jsx("div", __assign({ className: "szh-menu__item" }, { children: "
|
|
3713
|
+
}) && (jsx("div", __assign({ className: "szh-menu__item GridPopoverEditDropDown-noOptions" }, { children: "No Options" })))] }));
|
|
3661
3714
|
};
|
|
3662
3715
|
var MenuRadioItem = function (props) {
|
|
3663
3716
|
var _a, _b;
|
|
@@ -3672,7 +3725,7 @@ var MenuRadioItem = function (props) {
|
|
|
3672
3725
|
e.keepOpen = true;
|
|
3673
3726
|
toggleValue(item);
|
|
3674
3727
|
}
|
|
3675
|
-
} }, { children: jsx(LuiCheckboxInput, { isChecked: (_a = item.checked) !== null && _a !== void 0 ? _a : false, value: "".concat(item.value), label: (_b = item.label) !== null && _b !== void 0 ? _b : (item.value == null ? "<".concat(item.value, ">") : "".concat(item.value)), inputProps: {
|
|
3728
|
+
} }, { children: jsx(LuiCheckboxInput, { isChecked: (_a = item.checked) !== null && _a !== void 0 ? _a : false, value: "".concat(item.value), label: jsxs(Fragment$1, { children: [item.warning && jsx(GridIcon, { icon: "ic_warning", title: item.warning }), (_b = item.label) !== null && _b !== void 0 ? _b : (item.value == null ? "<".concat(item.value, ">") : "".concat(item.value))] }), inputProps: {
|
|
3676
3729
|
onClick: function (e) {
|
|
3677
3730
|
// Click is handled by MenuItem onClick
|
|
3678
3731
|
e.preventDefault();
|
|
@@ -3852,7 +3905,7 @@ var GridFormPopoverMenu = function (props) {
|
|
|
3852
3905
|
* Popout burger menu
|
|
3853
3906
|
*/
|
|
3854
3907
|
var GridPopoverMenu = function (colDef, custom) {
|
|
3855
|
-
return GridCell(__assign(__assign({ maxWidth: 40, editable: colDef.editable != null ? colDef.editable : true, cellStyle: { justifyContent: "
|
|
3908
|
+
return GridCell(__assign(__assign({ maxWidth: 40, editable: colDef.editable != null ? colDef.editable : true, cellStyle: { justifyContent: "center" }, cellRenderer: GridRenderPopoutMenuCell }, colDef), { cellRendererParams: {
|
|
3856
3909
|
// Menus open on single click, this parameter is picked up in Grid.tsx
|
|
3857
3910
|
singleClickEdit: true
|
|
3858
3911
|
} }), __assign({ editor: GridFormPopoverMenu }, custom));
|
|
@@ -4026,8 +4079,8 @@ var GridPopoverEditBearingCorrection = function (colDef, props) {
|
|
|
4026
4079
|
|
|
4027
4080
|
var GridPopoverEditDropDown = function (colDef, props) {
|
|
4028
4081
|
return GridCell(colDef, __assign(__assign({ editor: GridFormDropDown }, props), { editorParams: __assign({
|
|
4029
|
-
// Defaults to
|
|
4030
|
-
className: "GridPopoverEditDropDown-
|
|
4082
|
+
// Defaults to large size container
|
|
4083
|
+
className: "GridPopoverEditDropDown-containerLarge" }, props.editorParams) }));
|
|
4031
4084
|
};
|
|
4032
4085
|
|
|
4033
4086
|
var GridFormMessage = function (props) {
|
|
@@ -24559,5 +24612,5 @@ var clickActionButton = function (text, container) { return __awaiter(void 0, vo
|
|
|
24559
24612
|
});
|
|
24560
24613
|
}); };
|
|
24561
24614
|
|
|
24562
|
-
export { ActionButton, ComponentLoadingWrapper, ControlledMenu, FocusableItem, GenericCellEditorComponentWrapper,
|
|
24615
|
+
export { ActionButton, ComponentLoadingWrapper, ControlledMenu, FocusableItem, GenericCellEditorComponentWrapper, Grid, GridCell, GridCellMultiSelectClassRules, GridCellRenderer, GridContext, GridContextProvider, GridFormDropDown, GridFormMultiSelect, GridFormPopoverMenu, GridFormSubComponentTextArea, GridFormSubComponentTextInput, GridHeaderSelect, GridIcon, GridLoadableCell, GridPopoutEditMultiSelect, GridPopoverContext, GridPopoverContextProvider, GridPopoverEditBearing, GridPopoverEditBearingCorrection, GridPopoverEditDropDown, GridPopoverMenu, GridPopoverMessage, GridPopoverTextArea, GridPopoverTextInput, GridRenderPopoutMenuCell, GridRendererGenericCell, GridSubComponentContext, GridUpdatingContext, GridUpdatingContextProvider, Menu, MenuButton, MenuDivider, MenuGroup, MenuHeader, MenuHeaderItem, MenuHeaderString, MenuItem, MenuRadioGroup, MenuSeparator, MenuSeparatorString, PopoutMenuSeparator, SubMenu, TextAreaInput, TextInputFormatted, bearingCorrectionValueFormatter, bearingNumberParser, bearingStringValidator, bearingValueFormatter, clickActionButton, clickMenuOption, clickMultiSelectOption, closeMenu, convertDDToDMS, deselectRow, editCell, findActionButton, findCell, findMenuOption, findMultiSelectOption, findRow, getMultiSelectOptions, hasParentClass, isFloat, isNotEmpty, openAndClickMenuOption, queryMenuOption, queryRow, selectCell, selectRow, stringByteLengthIsInvalid, typeOtherInput, typeOtherTextArea, useGridPopoverContext, useGridPopoverHook, useMenuState, usePostSortRowsHook, wait$2 as wait };
|
|
24563
24616
|
//# sourceMappingURL=step-ag-grid.esm.js.map
|