@linzjs/step-ag-grid 27.0.0 → 27.2.0

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

@@ -2159,7 +2159,7 @@ const ControlledMenuFr = ({ 'aria-label': ariaLabel, className, containerProps,
             block: menuContainerClass,
             modifiers,
             className,
-        }), style: { ...containerProps?.style, position: 'relative' }, ref: containerRef, children: state && (jsx(SettingsContext.Provider, { value: settings, children: jsx(ItemSettingsContext.Provider, { value: itemSettings, children: jsx(EventHandlersContext.Provider, { value: eventHandlers, children: jsx(MenuList, { ...restProps, ariaLabel: ariaLabel || 'Menu', externalRef: externalRef, containerRef: containerRef, onClose: onClose, onBlur: () => console.log('blur') }) }) }) })) }));
+        }), style: { ...containerProps?.style, position: 'relative' }, ref: containerRef, children: state && (jsx(SettingsContext.Provider, { value: settings, children: jsx(ItemSettingsContext.Provider, { value: itemSettings, children: jsx(EventHandlersContext.Provider, { value: eventHandlers, children: jsx(MenuList, { ...restProps, ariaLabel: ariaLabel || 'Menu', externalRef: externalRef, containerRef: containerRef, onClose: onClose }) }) }) })) }));
     if (portal === true && anchorRef?.current != null) {
         if (hasParentClass('react-menu-inline-test', anchorRef.current)) {
             portal = false;
@@ -2937,14 +2937,15 @@ const Grid = ({ 'data-testid': dataTestId, defaultPostSort = true, rowSelection
             };
         });
     }, [params.columnDefs, params.loading, params.readOnly, params.defaultColDef?.editable]);
+    const hasExternallySelectedItems = !!params.setExternalSelectedItems;
     /**
      * When grid is ready set the apis to the grid context and sync selected items to grid.
      */
     const onGridReady = useCallback((event) => {
-        setApis(event.api, dataTestId);
+        setApis(event.api, hasExternallySelectedItems, dataTestId);
         event.api.showNoRowsOverlay();
         synchroniseExternallySelectedItemsToGrid();
-    }, [dataTestId, setApis, synchroniseExternallySelectedItemsToGrid]);
+    }, [dataTestId, hasExternallySelectedItems, setApis, synchroniseExternallySelectedItemsToGrid]);
     /**
      * When the grid is being initialized the data may be empty.
      * This will resize columns when we have at least one row.
@@ -2997,7 +2998,7 @@ const Grid = ({ 'data-testid': dataTestId, defaultPostSort = true, rowSelection
      * Handle single click edits
      */
     const onCellClicked = useCallback((event) => {
-        if (event.colDef?.cellRendererParams?.singleClickEdit ?? singleClickEdit) {
+        if (event.colDef.singleClickEdit ?? singleClickEdit) {
             void startCellEditing({ rowId: event.data.id, colId: event.column.getColId() });
         }
     }, [singleClickEdit, startCellEditing]);
@@ -3944,6 +3945,12 @@ const useGridPopoverHook = (props) => {
     };
 };
 
+const primitiveToSelectOption = (value) => {
+    return {
+        value: value,
+        label: value ? String(value) : '',
+    };
+};
 const MenuSeparatorString = '_____MENU_SEPARATOR_____';
 const MenuSeparator = Object.freeze({ value: MenuSeparatorString });
 const MenuHeaderString = '_____MENU_HEADER_____';
@@ -3992,14 +3999,7 @@ const GridFormDropDown = (props) => {
                 optionsConf = await optionsConf(selectedRows, filter);
             }
             if (optionsConf !== undefined) {
-                const optionsList = optionsConf?.map((item) => item == null || typeof item === 'string'
-                    ? {
-                        value: item,
-                        label: item,
-                        disabled: false,
-                    }
-                    : item);
-                setOptions(optionsList);
+                setOptions(optionsConf);
             }
         })();
     }, [filter, options, props, selectedRows]);
@@ -4096,7 +4096,7 @@ const GridFormDropDown = (props) => {
                                                     }
                                                 }, onClick: (e) => {
                                                     e.keepOpen = !!item.subComponent;
-                                                }, children: [item.label ?? (item.value == null ? `<${item.value}>` : `${item.value}`), item.subComponent ? '...' : ''] }, `${fieldToString(field)}-${index}`), item.subComponent && selectedItem === item && (jsx(FocusableItem, { className: 'LuiDeprecatedForms', children: () => (jsx(GridSubComponentContext.Provider, { value: {
+                                                }, children: [item.label ?? (item.value == null ? `<${String(item.value)}>` : `${String(item.value)}`), item.subComponent ? '...' : ''] }, `${fieldToString(field)}-${index}`), item.subComponent && selectedItem === item && (jsx(FocusableItem, { className: 'LuiDeprecatedForms', children: () => (jsx(GridSubComponentContext.Provider, { value: {
                                                         context: { options },
                                                         data,
                                                         value: subSelectedValue,
@@ -4986,11 +4986,9 @@ const GridPopoverMenu = (colDef, custom) => GridCell({
     exportable: false,
     cellStyle: { flex: 1, justifyContent: 'center' },
     cellRenderer: GridRenderPopoutMenuCell,
+    // Menus open on single click, this parameter is picked up in Grid.tsx
+    singleClickEdit: true,
     ...colDef,
-    cellRendererParams: {
-        // Menus open on single click, this parameter is picked up in Grid.tsx
-        singleClickEdit: true,
-    },
 }, {
     editor: GridFormPopoverMenu,
     preventAutoEdit: true,
@@ -5000,10 +4998,7 @@ const GridPopoverMenu = (colDef, custom) => GridCell({
 const GridPopoverMessage = (colDef, props) => GridCell({
     resizable: true,
     ...colDef,
-    cellRendererParams: {
-        singleClickEdit: true,
-        ...colDef.cellRendererParams,
-    },
+    singleClickEdit: true,
 }, {
     editor: GridFormMessage,
     ...props,
@@ -5033,6 +5028,7 @@ const GridContextProvider = (props) => {
     const [quickFilter, _setQuickFilter] = useState('');
     const [invisibleColumnIds, _setInvisibleColumnIds] = useState();
     const testId = useRef();
+    const hasExternallySelectedItemsRef = useRef(false);
     const idsBeforeUpdate = useRef([]);
     const prePopupFocusedCell = useRef();
     const [externallySelectedItemsAreInSync, setExternallySelectedItemsAreInSync] = useState(false);
@@ -5096,7 +5092,8 @@ const GridContextProvider = (props) => {
     /**
      * Set the grid api when the grid is ready.
      */
-    const setApis = useCallback((gridApi, dataTestId) => {
+    const setApis = useCallback((gridApi, hasExternallySelectedItems, dataTestId) => {
+        hasExternallySelectedItemsRef.current = hasExternallySelectedItems;
         testId.current = dataTestId;
         setGridApi(gridApi);
         gridApi?.setGridOption('quickFilterText', quickFilter);
@@ -5350,10 +5347,17 @@ const GridContextProvider = (props) => {
         externallySelectedItemsAreInSyncRef.current = externallySelectedItemsAreInSync;
     }, [externallySelectedItemsAreInSync]);
     const waitForExternallySelectedItemsToBeInSync = useCallback(async () => {
+        if (!hasExternallySelectedItemsRef.current) {
+            externallySelectedItemsAreInSyncRef.current = true;
+            return;
+        }
         // Wait for up to 5 seconds
         for (let i = 0; i < 5000 / 200 && !externallySelectedItemsAreInSyncRef.current; i++) {
             await wait(200);
         }
+        if (!externallySelectedItemsAreInSyncRef.current) {
+            console.error('externallySelectedItems did not sync with ag-grid selection');
+        }
     }, []);
     const startCellEditing = useCallback(async ({ rowId, colId }) => {
         if (!gridApi)
@@ -5794,5 +5798,5 @@ const useDeferredPromise = () => {
     };
 };
 
-export { ActionButton, ComponentLoadingWrapper, ControlledMenu, Editor, FocusableItem, FormError, GenericCellEditorComponentWrapper, Grid, GridButton, GridCell, GridCellFiller, GridCellFillerColId, GridCellMultiEditor, GridCellMultiSelectClassRules, GridCellRenderer, GridContext, GridContextProvider, GridEditBoolean, GridFilterButtons, GridFilterColumnsToggle, GridFilterDownloadCsvButton, GridFilterHeaderIconButton, GridFilterQuick, GridFilters, GridFormDropDown, GridFormEditBearing, GridFormMessage, GridFormMultiSelect, GridFormMultiSelectGrid, GridFormPopoverMenu, GridFormSubComponentTextArea, GridFormSubComponentTextInput, GridFormTextArea, GridFormTextInput, GridIcon, GridLoadableCell, GridNoRowsOverlay, GridNoRowsOverlayFr, GridPopoutEditMultiSelect, GridPopoutEditMultiSelectGrid, GridPopoverContext, GridPopoverContextProvider, GridPopoverEditBearing, GridPopoverEditBearingCorrection, GridPopoverEditBearingCorrectionEditorParams, GridPopoverEditBearingEditorParams, GridPopoverEditDropDown, GridPopoverMenu, GridPopoverMessage, GridPopoverTextArea, GridPopoverTextInput, GridRenderPopoutMenuCell, GridSubComponentContext, GridUpdatingContext, GridUpdatingContextProvider, GridWrapper, Menu, MenuButton, MenuDivider, MenuGroup, MenuHeader, MenuHeaderItem, MenuHeaderString, MenuItem, MenuRadioGroup, MenuSeparator, MenuSeparatorString, PopoutMenuSeparator, SubMenu, TextAreaInput, TextInputFormatted, TextInputValidator, bearingCorrectionRangeValidator, bearingCorrectionValueFormatter, bearingNumberParser, bearingRangeValidator, bearingStringValidator, bearingValueFormatter, convertDDToDMS, downloadCsvUseValueFormattersProcessCellCallback, findParentWithClass, fnOrVar, generateFilterGetter, hasParentClass, isFloat, isGridCellFiller, isNotEmpty, sanitiseFileName, stringByteLengthIsInvalid, suppressCellKeyboardEvents, textMatch, useDeferredPromise, useGridContext, useGridContextMenu, useGridFilter, useGridPopoverContext, useGridPopoverHook, useMenuState, usePostSortRowsHook, wait };
+export { ActionButton, ComponentLoadingWrapper, ControlledMenu, Editor, FocusableItem, FormError, GenericCellEditorComponentWrapper, Grid, GridButton, GridCell, GridCellFiller, GridCellFillerColId, GridCellMultiEditor, GridCellMultiSelectClassRules, GridCellRenderer, GridContext, GridContextProvider, GridEditBoolean, GridFilterButtons, GridFilterColumnsToggle, GridFilterDownloadCsvButton, GridFilterHeaderIconButton, GridFilterQuick, GridFilters, GridFormDropDown, GridFormEditBearing, GridFormMessage, GridFormMultiSelect, GridFormMultiSelectGrid, GridFormPopoverMenu, GridFormSubComponentTextArea, GridFormSubComponentTextInput, GridFormTextArea, GridFormTextInput, GridIcon, GridLoadableCell, GridNoRowsOverlay, GridNoRowsOverlayFr, GridPopoutEditMultiSelect, GridPopoutEditMultiSelectGrid, GridPopoverContext, GridPopoverContextProvider, GridPopoverEditBearing, GridPopoverEditBearingCorrection, GridPopoverEditBearingCorrectionEditorParams, GridPopoverEditBearingEditorParams, GridPopoverEditDropDown, GridPopoverMenu, GridPopoverMessage, GridPopoverTextArea, GridPopoverTextInput, GridRenderPopoutMenuCell, GridSubComponentContext, GridUpdatingContext, GridUpdatingContextProvider, GridWrapper, Menu, MenuButton, MenuDivider, MenuGroup, MenuHeader, MenuHeaderItem, MenuHeaderString, MenuItem, MenuRadioGroup, MenuSeparator, MenuSeparatorString, PopoutMenuSeparator, SubMenu, TextAreaInput, TextInputFormatted, TextInputValidator, bearingCorrectionRangeValidator, bearingCorrectionValueFormatter, bearingNumberParser, bearingRangeValidator, bearingStringValidator, bearingValueFormatter, convertDDToDMS, downloadCsvUseValueFormattersProcessCellCallback, findParentWithClass, fnOrVar, generateFilterGetter, hasParentClass, isFloat, isGridCellFiller, isNotEmpty, primitiveToSelectOption, sanitiseFileName, stringByteLengthIsInvalid, suppressCellKeyboardEvents, textMatch, useDeferredPromise, useGridContext, useGridContextMenu, useGridFilter, useGridPopoverContext, useGridPopoverHook, useMenuState, usePostSortRowsHook, wait };
 //# sourceMappingURL=step-ag-grid.esm.js.map