@linzjs/step-ag-grid 1.4.10 → 1.5.1

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 export * from "./src/react-menu3/index";
 export * from "./src/react-menu3/types";
-export { UpdatingContext } from "./src/contexts/UpdatingContext";
-export { UpdatingContextProvider } from "./src/contexts/UpdatingContextProvider";
-export { GridContext } from "./src/contexts/GridContext";
-export { GridContextProvider } from "./src/contexts/GridContextProvider";
+export * from "./src/contexts/UpdatingContext";
+export * from "./src/contexts/UpdatingContextProvider";
+export * from "./src/contexts/GridContext";
+export * from "./src/contexts/GridContextProvider";
 export type { GridBaseRow } from "./src/components/Grid";
 export { Grid } from "./src/components/Grid";
 export { GridCell } from "./src/components/GridCell";

package/dist/index.js

@@ -802,14 +802,15 @@ var positionMenu = function (props) {
 };
 
 var MenuList = function (_a) {
-    var ariaLabel = _a.ariaLabel, menuClassName = _a.menuClassName, menuStyle = _a.menuStyle, arrowClassName = _a.arrowClassName, arrowStyle = _a.arrowStyle, anchorPoint = _a.anchorPoint, anchorRef = _a.anchorRef, containerRef = _a.containerRef, externalRef = _a.externalRef, parentScrollingRef = _a.parentScrollingRef, arrow = _a.arrow, _b = _a.align, align = _b === void 0 ? "start" : _b, _c = _a.direction, direction = _c === void 0 ? "bottom" : _c, _d = _a.position, position = _d === void 0 ? "auto" : _d, _e = _a.overflow, overflow = _e === void 0 ? "visible" : _e, setDownOverflow = _a.setDownOverflow, repositionFlag = _a.repositionFlag, _f = _a.captureFocus, captureFocus = _f === void 0 ? true : _f, state = _a.state, endTransition = _a.endTransition, isDisabled = _a.isDisabled, menuItemFocus = _a.menuItemFocus, _g = _a.offsetX, offsetX = _g === void 0 ? 0 : _g, _h = _a.offsetY, offsetY = _h === void 0 ? 0 : _h, children = _a.children, onClose = _a.onClose, restProps = __rest(_a, ["ariaLabel", "menuClassName", "menuStyle", "arrowClassName", "arrowStyle", "anchorPoint", "anchorRef", "containerRef", "externalRef", "parentScrollingRef", "arrow", "align", "direction", "position", "overflow", "setDownOverflow", "repositionFlag", "captureFocus", "state", "endTransition", "isDisabled", "menuItemFocus", "offsetX", "offsetY", "children", "onClose"]);
-    var _j = react.useState({ x: 0, y: 0 }), menuPosition = _j[0], setMenuPosition = _j[1];
-    var _k = react.useState({ x: 0, y: 0 }), arrowPosition = _k[0], setArrowPosition = _k[1];
-    var _l = react.useState(), overflowData = _l[0], setOverflowData = _l[1];
-    var _m = react.useState(direction), expandedDirection = _m[0], setExpandedDirection = _m[1];
-    var _o = react.useState(0), openSubmenuCount = _o[0], setOpenSubmenuCount = _o[1];
-    var _p = react.useReducer(function (c) { return c + 1; }, 1), reposSubmenu = _p[0], forceReposSubmenu = _p[1];
-    var _q = react.useContext(SettingsContext), transition = _q.transition, boundingBoxRef = _q.boundingBoxRef, boundingBoxPadding = _q.boundingBoxPadding, rootMenuRef = _q.rootMenuRef, rootAnchorRef = _q.rootAnchorRef, scrollNodesRef = _q.scrollNodesRef, reposition = _q.reposition, viewScroll = _q.viewScroll;
+    var _b, _c;
+    var ariaLabel = _a.ariaLabel, menuClassName = _a.menuClassName, menuStyle = _a.menuStyle, arrowClassName = _a.arrowClassName, arrowStyle = _a.arrowStyle, anchorPoint = _a.anchorPoint, anchorRef = _a.anchorRef, containerRef = _a.containerRef, externalRef = _a.externalRef, parentScrollingRef = _a.parentScrollingRef, arrow = _a.arrow, _d = _a.align, align = _d === void 0 ? "start" : _d, _e = _a.direction, direction = _e === void 0 ? "bottom" : _e, _f = _a.position, position = _f === void 0 ? "auto" : _f, _g = _a.overflow, overflow = _g === void 0 ? "visible" : _g, setDownOverflow = _a.setDownOverflow, repositionFlag = _a.repositionFlag, _h = _a.captureFocus, captureFocus = _h === void 0 ? true : _h, state = _a.state, endTransition = _a.endTransition, isDisabled = _a.isDisabled, menuItemFocus = _a.menuItemFocus, dontShrinkIfDirectionIsTop = _a.dontShrinkIfDirectionIsTop, _j = _a.offsetX, offsetX = _j === void 0 ? 0 : _j, _k = _a.offsetY, offsetY = _k === void 0 ? 0 : _k, children = _a.children, onClose = _a.onClose, restProps = __rest(_a, ["ariaLabel", "menuClassName", "menuStyle", "arrowClassName", "arrowStyle", "anchorPoint", "anchorRef", "containerRef", "externalRef", "parentScrollingRef", "arrow", "align", "direction", "position", "overflow", "setDownOverflow", "repositionFlag", "captureFocus", "state", "endTransition", "isDisabled", "menuItemFocus", "dontShrinkIfDirectionIsTop", "offsetX", "offsetY", "children", "onClose"]);
+    var _l = react.useState({ x: 0, y: 0 }), menuPosition = _l[0], setMenuPosition = _l[1];
+    var _m = react.useState({ x: 0, y: 0 }), arrowPosition = _m[0], setArrowPosition = _m[1];
+    var _o = react.useState(), overflowData = _o[0], setOverflowData = _o[1];
+    var _p = react.useState(direction), expandedDirection = _p[0], setExpandedDirection = _p[1];
+    var _q = react.useState(0), openSubmenuCount = _q[0], setOpenSubmenuCount = _q[1];
+    var _r = react.useReducer(function (c) { return c + 1; }, 1), reposSubmenu = _r[0], forceReposSubmenu = _r[1];
+    var _s = react.useContext(SettingsContext), transition = _s.transition, boundingBoxRef = _s.boundingBoxRef, boundingBoxPadding = _s.boundingBoxPadding, rootMenuRef = _s.rootMenuRef, rootAnchorRef = _s.rootAnchorRef, scrollNodesRef = _s.scrollNodesRef, reposition = _s.reposition, viewScroll = _s.viewScroll;
     var reposFlag = react.useContext(MenuListContext).reposSubmenu || repositionFlag;
     var menuRef = react.useRef({});
     var focusRef = react.useRef(null);
@@ -817,7 +818,7 @@ var MenuList = function (_a) {
     var prevOpen = react.useRef(false);
     var latestMenuSize = react.useRef({ width: 0, height: 0 });
     var latestHandlePosition = react.useRef(function () { });
-    var _r = useItems(menuRef, focusRef), hoverItem = _r.hoverItem, dispatch = _r.dispatch, updateItems = _r.updateItems;
+    var _t = useItems(menuRef, focusRef), hoverItem = _t.hoverItem, dispatch = _t.dispatch, updateItems = _t.updateItems;
     var isOpen = isMenuOpen(state);
     var openTransition = getTransition(transition, "open");
     var closeTransition = getTransition(transition, "close");
@@ -1125,7 +1126,21 @@ var MenuList = function (_a) {
         modifiers: arrowModifiers,
         className: arrowClassName
     });
-    return (jsxRuntime.jsxs("ul", __assign({ role: "menu", "aria-label": ariaLabel }, mergeProps({ onKeyDown: onKeyDown, onAnimationEnd: onAnimationEnd }, restProps), commonProps(isDisabled), { ref: useCombinedRef(externalRef, menuRef), className: useBEM({ block: menuClass, modifiers: modifiers, className: menuClassName }), style: __assign(__assign(__assign({}, menuStyle), overflowStyle), { margin: 0, display: state === "closed" ? "none" : undefined, position: "absolute", left: menuPosition.x, top: menuPosition.y }) }, { children: [jsxRuntime.jsx("div", { ref: focusRef, tabIndex: -1, style: { position: "absolute", left: 0, top: 0 } }), arrow && (jsxRuntime.jsx("div", { className: _arrowClass, style: __assign(__assign({}, arrowStyle), { position: "absolute", left: arrowPosition.x, top: arrowPosition.y }), ref: arrowRef })), jsxRuntime.jsx(MenuListContext.Provider, __assign({ value: listContext }, { children: jsxRuntime.jsx(MenuListItemContext.Provider, __assign({ value: itemContext }, { children: jsxRuntime.jsx(HoverItemContext.Provider, __assign({ value: hoverItem }, { children: children })) })) }))] })));
+    var minHeight = react.useRef(0);
+    if (dontShrinkIfDirectionIsTop && ((_b = menuRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect)) {
+        var h = (_c = menuRef.current) === null || _c === void 0 ? void 0 : _c.getBoundingClientRect().height;
+        if (minHeight.current < h)
+            minHeight.current = h;
+    }
+    var dontShrinkOps = react.useMemo(function () {
+        return expandedDirection === "top" && dontShrinkIfDirectionIsTop
+            ? {
+                overflowY: isSubmenuOpen ? "" : "auto",
+                minHeight: (isSubmenuOpen ? 0 : minHeight.current) + "px"
+            }
+            : undefined;
+    }, [dontShrinkIfDirectionIsTop, expandedDirection, isSubmenuOpen]);
+    return (jsxRuntime.jsxs("ul", __assign({ role: "menu", "aria-label": ariaLabel }, mergeProps({ onKeyDown: onKeyDown, onAnimationEnd: onAnimationEnd }, restProps), commonProps(isDisabled), { ref: useCombinedRef(externalRef, menuRef), className: useBEM({ block: menuClass, modifiers: modifiers, className: menuClassName }), style: __assign(__assign(__assign(__assign({}, menuStyle), overflowStyle), dontShrinkOps), { margin: 0, display: state === "closed" ? "none" : undefined, position: "absolute", left: menuPosition.x, top: menuPosition.y }) }, { children: [jsxRuntime.jsx("div", { ref: focusRef, tabIndex: -1, style: { position: "absolute", left: 0, top: 0 } }), arrow && (jsxRuntime.jsx("div", { className: _arrowClass, style: __assign(__assign({}, arrowStyle), { position: "absolute", left: arrowPosition.x, top: arrowPosition.y }), ref: arrowRef })), jsxRuntime.jsx(MenuListContext.Provider, __assign({ value: listContext }, { children: jsxRuntime.jsx(MenuListItemContext.Provider, __assign({ value: itemContext }, { children: jsxRuntime.jsx(HoverItemContext.Provider, __assign({ value: hoverItem }, { children: children })) })) }))] })));
 };
 
 // Typed version of lodash !isEmpty
@@ -2502,7 +2517,7 @@ var useGridPopoverHook = function (props, save) {
         });
     }); }, [save, stopEditing, updateValue]);
     var popoverWrapper = react.useCallback(function (children) {
-        return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: anchorRef.current && (jsxRuntime.jsxs(ControlledMenu, __assign({ state: isOpen ? "open" : "closed", portal: true, unmountOnClose: true, anchorRef: anchorRef, saveButtonRef: saveButtonRef, menuClassName: "lui-menu", onClose: function (event) { return triggerSave(event.reason).then(); } }, { children: [saving && (jsxRuntime.jsx("div", { style: {
+        return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: anchorRef.current && (jsxRuntime.jsxs(ControlledMenu, __assign({ state: isOpen ? "open" : "closed", portal: true, unmountOnClose: true, anchorRef: anchorRef, saveButtonRef: saveButtonRef, menuClassName: "lui-menu", onClose: function (event) { return triggerSave(event.reason).then(); }, reposition: "initial", viewScroll: "auto", dontShrinkIfDirectionIsTop: true }, { children: [saving && (jsxRuntime.jsx("div", { style: {
                             position: "absolute",
                             left: 0,
                             top: 0,
@@ -2895,7 +2910,7 @@ var GridFormEditBearing = function (props) {
                 onKeyDown: function (e) { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
                     return [2 /*return*/, e.key === "Enter" && triggerSave().then()];
                 }); }); }
-            }, formatted: bearingStringValidator(value) ? "?" : convertDDToDMS(bearingNumberParser(value)), error: bearingStringValidator(value, formProps.range) }) })));
+            }, formatted: bearingStringValidator(value, formProps.range) ? "?" : convertDDToDMS(bearingNumberParser(value)), error: bearingStringValidator(value, formProps.range) }) })));
 };
 
 var GridPopoverEditBearingLike = function (colDef) {
@@ -2904,24 +2919,30 @@ var GridPopoverEditBearingLike = function (colDef) {
         cellEditorParams: __assign(__assign({}, colDef.cellEditorParams), { form: GridFormEditBearing })
     })));
 };
-var GridPopoverEditBearing = function (colDef) { return (__assign(__assign({}, GridPopoverEditBearingLike(colDef)), { valueFormatter: bearingValueFormatter, range: function (value) {
-        if (value === null)
-            return "Bearing is required";
-        if (value >= 360)
-            return "Bearing must be less than 360 degrees";
-        if (value < 0)
-            return "Bearing must not be negative";
-        return null;
-    } })); };
-var GridPopoverEditBearingCorrection = function (colDef) { return (__assign(__assign({}, GridPopoverEditBearingLike(colDef)), { valueFormatter: bearingCorrectionValueFormatter, range: function (value) {
-        if (value === null)
-            return "Bearing is required";
-        if (value >= 360)
-            return "Bearing must be less than 360 degrees";
-        if (value <= -180)
-            return "Bearing must be greater then -180 degrees";
-        return null;
-    } })); };
+var GridPopoverEditBearing = function (colDef) {
+    var init = GridPopoverEditBearingLike(colDef);
+    return __assign(__assign({}, init), { valueFormatter: bearingValueFormatter, cellEditorParams: __assign({ range: function (value) {
+                if (value === null)
+                    return "Bearing is required";
+                if (value >= 360)
+                    return "Bearing must be less than 360 degrees";
+                if (value < 0)
+                    return "Bearing must not be negative";
+                return null;
+            } }, init.cellEditorParams) });
+};
+var GridPopoverEditBearingCorrection = function (colDef) {
+    var init = GridPopoverEditBearingLike(colDef);
+    return __assign(__assign({}, init), { valueFormatter: bearingCorrectionValueFormatter, cellEditorParams: __assign({ range: function (value) {
+                if (value === null)
+                    return "Bearing is required";
+                if (value >= 360)
+                    return "Bearing must be less than 360 degrees";
+                if (value <= -180)
+                    return "Bearing must be greater then -180 degrees";
+                return null;
+            } }, init.cellEditorParams) });
+};
 
 var MenuSeparatorString = "_____MENU_SEPARATOR_____";
 Object.freeze({ value: MenuSeparatorString });
@@ -2962,6 +2983,29 @@ var GridFormDropDown = function (props) {
             }
         });
     }); }, [formProps, props.field, props.selectedRows, updatingCells]);
+    var selectFilterHandler = react.useCallback(function (value) { return __awaiter(void 0, void 0, void 0, function () {
+        var field;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    field = props.field;
+                    return [4 /*yield*/, updatingCells({ selectedRows: props.selectedRows, field: field }, function (selectedRows) { return __awaiter(void 0, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0:
+                                        if (!formProps.onSelectFilter) return [3 /*break*/, 2];
+                                        return [4 /*yield*/, formProps.onSelectFilter({ selectedRows: selectedRows, value: value })];
+                                    case 1:
+                                        _a.sent();
+                                        _a.label = 2;
+                                    case 2: return [2 /*return*/, true];
+                                }
+                            });
+                        }); })];
+                case 1: return [2 /*return*/, _a.sent()];
+            }
+        });
+    }); }, [formProps, props.field, props.selectedRows, updatingCells]);
     // Load up options list if it's async function
     react.useEffect(function () {
         var _a;
@@ -3036,22 +3080,29 @@ var GridFormDropDown = function (props) {
                 case 0:
                     if (!options)
                         return [2 /*return*/];
-                    if (!(e.key == "Enter" || e.key == "Tab")) return [3 /*break*/, 3];
+                    if (!(e.key == "Enter" || e.key == "Tab")) return [3 /*break*/, 5];
                     activeOptions = options.filter(function (option) { return !filteredValues.includes(option.value); });
                     if (!(activeOptions.length == 1)) return [3 /*break*/, 2];
                     return [4 /*yield*/, selectItemHandler(activeOptions[0].value)];
                 case 1:
                     _a.sent();
                     stopEditing();
-                    return [3 /*break*/, 3];
+                    return [3 /*break*/, 5];
                 case 2:
+                    if (!formProps.onSelectFilter) return [3 /*break*/, 4];
+                    return [4 /*yield*/, selectFilterHandler(filter)];
+                case 3:
+                    _a.sent();
+                    stopEditing();
+                    return [3 /*break*/, 5];
+                case 4:
                     e.preventDefault();
                     e.stopPropagation();
-                    _a.label = 3;
-                case 3: return [2 /*return*/];
+                    _a.label = 5;
+                case 5: return [2 /*return*/];
             }
         });
-    }); }, [filteredValues, options, selectItemHandler, stopEditing]);
+    }); }, [filteredValues, options, selectItemHandler, selectFilterHandler, stopEditing, filter, formProps]);
     return popoverWrapper(jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [formProps.filtered && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(FocusableItem, __assign({ className: "filter-item" }, { children: function (_a) {
                             var _b;
                             var ref = _a.ref;