@linzjs/step-ag-grid 1.4.0 → 1.4.2

package/dist/src/components/Grid.d.ts

@@ -11,8 +11,9 @@ export interface GridProps {
     quickFilter?: boolean;
     quickFilterPlaceholder?: string;
     quickFilterValue?: string;
-    externalSelectedItems: any[];
-    setExternalSelectedItems: (items: any[]) => void;
+    domLayout?: GridOptions["domLayout"];
+    externalSelectedItems?: any[];
+    setExternalSelectedItems?: (items: any[]) => void;
     onGridReady?: GridOptions["onGridReady"];
     defaultColDef: GridOptions["defaultColDef"];
     columnDefs: GridOptions["columnDefs"];

package/dist/src/components/gridForm/GridFormPopoutMenu.d.ts

@@ -15,7 +15,7 @@ export interface MenuOption<RowType> {
     label: JSX.Element | string | MenuSeparatorType;
     action?: (selectedRows: RowType[]) => Promise<boolean>;
     disabled?: string | boolean;
-    multiEdit: boolean;
+    supportsMultiEdit: boolean;
 }
 /**
  * NOTE: If the popout menu doesn't appear on single click when also selecting row it's because

package/dist/step-ag-grid.esm.js

@@ -684,15 +684,17 @@ var Grid = function (params) {
     /**
      * Ensure external selected items list is in sync with panel.
      */
-    var synchroniseExternalStateToGridSelection = function (_a) {
+    var synchroniseExternalStateToGridSelection = 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(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.
@@ -700,6 +702,8 @@ var Grid = function (params) {
     var synchroniseExternallySelectedItemsToGrid = useCallback(function () {
         if (!gridReady())
             return;
+        if (!params.externalSelectedItems)
+            return;
         var selectedIds = params.externalSelectedItems.map(function (row) { return row.id; });
         var lastNewId = last(difference(selectedIds, lastSelectedIds.current));
         if (lastNewId != null)
@@ -814,7 +818,7 @@ var Grid = function (params) {
     }, [refreshSelectedRows]);
     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) {
                         setInternalQuickFilter(event.target.value);
-                    } }) }))), jsx(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 })] })));
+                    } }) }))), jsx(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) {
@@ -3910,7 +3914,7 @@ var useGridPopoverHook = function (props, save) {
         return function () { };
     }, [handleScreenMouseDown, handleScreenMouseEvent, isOpen]);
     var popoverWrapper = useCallback(function (children) {
-        return (jsx(Fragment, { children: anchorRef.current && (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 && (jsx("div", { style: {
+        return (jsx(Fragment, { children: anchorRef.current && (jsxs(ControlledMenu, __assign({ state: isOpen ? "open" : "closed", portal: isEmpty(document.querySelectorAll(".PopoutWindowContainer")), unmountOnClose: true, anchorRef: anchorRef, menuClassName: "lui-menu", onClose: function (event) { return triggerSave(event.reason).then(); } }, { children: [saving && (jsx("div", { style: {
                             position: "absolute",
                             left: 0,
                             top: 0,
@@ -4116,7 +4120,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(jsx(ComponentLoadingWrapper, __assign({ loading: !filteredOptions }, { children: jsx("div", __assign({ className: "Grid-popoverContainerList" }, { children: options === null || options === void 0 ? void 0 : options.map(function (item, index) {
@@ -4282,6 +4286,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_____";
@@ -4575,5 +4588,5 @@ var GridPopoverTextInput = function (colDef) {
     })));
 };
 
-export { ComponentLoadingWrapper, GenericMultiEditCellClass, Grid, GridCell, GridContext, GridContextProvider, GridFormDropDown, GridFormEditBearing, GridFormMessage, GridFormMultiSelect, GridFormPopoutMenu, GridFormTextArea, GridFormTextInput, GridHeaderSelect, GridIcon, GridLoadableCell, GridPopoutEditMultiSelect, GridPopoverEditBearing, GridPopoverEditDropDown, GridPopoverMenu, GridPopoverMessage, GridPopoverTextArea, GridPopoverTextInput, GridRenderPopoutMenuCell, GridRendererGenericCell, TextAreaInput, TextInputFormatted, UpdatingContext, UpdatingContextProvider, bearingCorrectionValueFormatter, bearingNumberParser, bearingStringValidator, bearingValueFormatter, convertDDToDMS, hasParentClass, isFloat, isNotEmpty, useGridPopoverHook, usePostSortRowsHook, wait };
+export { ComponentLoadingWrapper, GenericMultiEditCellClass, Grid, GridCell, GridContext, GridContextProvider, GridFormDropDown, GridFormEditBearing, GridFormMessage, GridFormMultiSelect, GridFormPopoutMenu, GridFormTextArea, GridFormTextInput, GridHeaderSelect, GridIcon, GridLoadableCell, GridPopoutEditMultiSelect, GridPopoverEditBearing, GridPopoverEditBearingCorrection, GridPopoverEditDropDown, GridPopoverMenu, GridPopoverMessage, GridPopoverTextArea, GridPopoverTextInput, GridRenderPopoutMenuCell, GridRendererGenericCell, TextAreaInput, TextInputFormatted, UpdatingContext, UpdatingContextProvider, bearingCorrectionValueFormatter, bearingNumberParser, bearingStringValidator, bearingValueFormatter, convertDDToDMS, hasParentClass, isFloat, isNotEmpty, useGridPopoverHook, usePostSortRowsHook, wait };
 //# sourceMappingURL=step-ag-grid.esm.js.map