@linzjs/step-ag-grid 1.4.0 → 1.4.2

package/dist/index.d.ts

@@ -16,6 +16,7 @@ export { GridRenderPopoutMenuCell } from "./src/components/gridRender/GridRender
 export { GridPopoutEditMultiSelect } from "./src/components/gridPopoverEdit/GridPopoutEditMultiSelect";
 export { GridPopoverMenu } from "./src/components/gridPopoverEdit/GridPopoverMenu";
 export { GridPopoverEditBearing } from "./src/components/gridPopoverEdit/GridPopoverEditBearing";
+export { GridPopoverEditBearingCorrection } from "./src/components/gridPopoverEdit/GridPopoverEditBearing";
 export { GridPopoverEditDropDown } from "./src/components/gridPopoverEdit/GridPopoverEditDropDown";
 export { GridPopoverMessage } from "./src/components/gridPopoverEdit/GridPopoverMessage";
 export { GridPopoverTextArea } from "./src/components/gridPopoverEdit/GridPopoverTextArea";

package/dist/index.js

@@ -693,15 +693,17 @@ var Grid = function (params) {
     /**
      * Ensure external selected items list is in sync with panel.
      */
-    var synchroniseExternalStateToGridSelection = function (_a) {
+    var synchroniseExternalStateToGridSelection = React.useCallback(function (_a) {
         var api = _a.api;
+        if (!params.externalSelectedItems || !params.setExternalSelectedItems)
+            return;
         var selectedRows = api.getSelectedRows();
         // We don't want to update selected Items if it hasn't changed to prevent excess renders
         if (params.externalSelectedItems.length != selectedRows.length ||
             isNotEmpty(lodashEs.xorBy(selectedRows, params.externalSelectedItems, function (row) { return row.id; }))) {
             params.setExternalSelectedItems(__spreadArray([], selectedRows, true));
         }
-    };
+    }, [params]);
     /**
      * Synchronise externally selected items to grid.
      * If new ids are selected scroll them into view.
@@ -709,6 +711,8 @@ var Grid = function (params) {
     var synchroniseExternallySelectedItemsToGrid = React.useCallback(function () {
         if (!gridReady())
             return;
+        if (!params.externalSelectedItems)
+            return;
         var selectedIds = params.externalSelectedItems.map(function (row) { return row.id; });
         var lastNewId = lodashEs.last(lodashEs.difference(selectedIds, lastSelectedIds.current));
         if (lastNewId != null)
@@ -823,7 +827,7 @@ var Grid = function (params) {
     }, [refreshSelectedRows]);
     return (jsxRuntime.jsxs("div", __assign({ "data-testid": params.dataTestId, className: clsx("Grid-container", "ag-theme-alpine", staleGrid && "Grid-sortIsStale") }, { children: [params.quickFilter && (jsxRuntime.jsx("div", __assign({ className: "Grid-quickFilter" }, { children: jsxRuntime.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) {
                         setInternalQuickFilter(event.target.value);
-                    } }) }))), jsxRuntime.jsx(agGridReact.AgGridReact, { getRowId: function (params) { return "".concat(params.data.id); }, suppressRowClickSelection: true, rowSelection: "multiple", suppressBrowserResizeObserver: true, colResizeDefault: "shift", onFirstDataRendered: sizeColumnsToFit, onGridSizeChanged: sizeColumnsToFit, suppressClickEdit: true, onCellKeyDown: onCellKeyDown, onCellClicked: onCellClicked, onCellDoubleClicked: onCellDoubleClick, onCellEditingStarted: refreshSelectedRows, onCellEditingStopped: onCellEditingStopped, columnDefs: columnDefs, rowData: params.rowData, noRowsOverlayComponent: noRowsOverlayComponent, onGridReady: onGridReady, onSortChanged: ensureSelectedRowIsVisible, postSortRows: postSortRows, onSelectionChanged: synchroniseExternalStateToGridSelection })] })));
+                    } }) }))), jsxRuntime.jsx(agGridReact.AgGridReact, { getRowId: function (params) { return "".concat(params.data.id); }, suppressRowClickSelection: true, rowSelection: "multiple", suppressBrowserResizeObserver: true, colResizeDefault: "shift", onFirstDataRendered: sizeColumnsToFit, onGridSizeChanged: sizeColumnsToFit, suppressClickEdit: true, onCellKeyDown: onCellKeyDown, onCellClicked: onCellClicked, onCellDoubleClicked: onCellDoubleClick, onCellEditingStarted: refreshSelectedRows, onCellEditingStopped: onCellEditingStopped, domLayout: params.domLayout, columnDefs: columnDefs, rowData: params.rowData, noRowsOverlayComponent: noRowsOverlayComponent, onGridReady: onGridReady, onSortChanged: ensureSelectedRowIsVisible, postSortRows: postSortRows, onSelectionChanged: synchroniseExternalStateToGridSelection })] })));
 };
 
 var GenericMultiEditCellClass = function (props) {
@@ -3919,7 +3923,7 @@ var useGridPopoverHook = function (props, save) {
         return function () { };
     }, [handleScreenMouseDown, handleScreenMouseEvent, isOpen]);
     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, 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: lodashEs.isEmpty(document.querySelectorAll(".PopoutWindowContainer")), unmountOnClose: true, anchorRef: anchorRef, menuClassName: "lui-menu", onClose: function (event) { return triggerSave(event.reason).then(); } }, { children: [saving && (jsxRuntime.jsx("div", { style: {
                             position: "absolute",
                             left: 0,
                             top: 0,
@@ -4125,7 +4129,7 @@ var GridFormPopoutMenu = function (props) {
     }); }, [props.field, props.selectedRows, updatingCells]);
     var selectedRowCount = props.selectedRows.length;
     var filteredOptions = options === null || options === void 0 ? void 0 : options.filter(function (menuOption) {
-        return menuOption.label === MenuSeparator || selectedRowCount === 1 || menuOption.multiEdit;
+        return menuOption.label === MenuSeparator || selectedRowCount === 1 || menuOption.supportsMultiEdit;
     });
     var popoverWrapper = useGridPopoverHook(props).popoverWrapper;
     return popoverWrapper(jsxRuntime.jsx(ComponentLoadingWrapper, __assign({ loading: !filteredOptions }, { children: jsxRuntime.jsx("div", __assign({ className: "Grid-popoverContainerList" }, { children: options === null || options === void 0 ? void 0 : options.map(function (item, index) {
@@ -4291,6 +4295,15 @@ var GridPopoverEditBearing = function (colDef) { return (__assign(__assign({}, G
         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 MenuSeparatorString = "_____MENU_SEPARATOR_____";
@@ -4602,6 +4615,7 @@ exports.GridIcon = GridIcon;
 exports.GridLoadableCell = GridLoadableCell;
 exports.GridPopoutEditMultiSelect = GridPopoutEditMultiSelect;
 exports.GridPopoverEditBearing = GridPopoverEditBearing;
+exports.GridPopoverEditBearingCorrection = GridPopoverEditBearingCorrection;
 exports.GridPopoverEditDropDown = GridPopoverEditDropDown;
 exports.GridPopoverMenu = GridPopoverMenu;
 exports.GridPopoverMessage = GridPopoverMessage;