@linzjs/step-ag-grid 28.4.0 → 28.4.2

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

@@ -3329,7 +3329,7 @@ const GridCellMultiSelectClassRules = {
     },
 };
 
-const GridIcon = (props) => (jsx(LuiIcon, { name: props.icon, title: props.title, alt: props.title, size: props.size ?? 'md', className: clsx(`AgGridGenericCellRenderer-${props.icon}Icon`, props.className, props.disabled && 'GridIcon-disabled') }));
+const GridIcon = (props) => (jsx(LuiIcon, { name: props.icon, title: props.title, alt: props.title, size: props.size ?? 'md', className: clsx(`step-ag-grid__alert-icon`, `AgGridGenericCellRenderer-${props.icon}Icon`, props.className, props.disabled && 'GridIcon-disabled') }));
 
 const GridLoadableCell = () => (jsx(LuiMiniSpinner, { size: 22, divProps: { className: 'GridLoadableCell-container', role: 'status', 'aria-label': 'Loading' } }));
 
@@ -3341,11 +3341,13 @@ const GridCellRenderer = (props) => {
     let warningText = props.data !== undefined && warningFn ? warningFn(props) : undefined;
     const infoFn = rendererParams?.info;
     let infoText = props.data !== undefined && infoFn ? infoFn(props) : undefined;
-    if (Array.isArray(warningText))
+    if (Array.isArray(warningText)) {
         warningText = warningText.join('\n');
-    if (Array.isArray(infoText))
+    }
+    if (Array.isArray(infoText)) {
         infoText = infoText.join('\n');
-    return checkUpdating(colDef.field ?? colDef.colId ?? '', props.data.id) ? (jsx(GridLoadableCell, {})) : (jsxs(Fragment, { children: [!!warningText && (jsx(GridIcon, { icon: 'ic_warning_outline', title: typeof warningText === 'string' ? warningText : 'Warning' })), !!infoText && jsx(GridIcon, { icon: 'ic_info_outline', title: typeof infoText === 'string' ? infoText : 'Info' }), jsx("div", { className: 'GridCell-container', children: colDef.cellRendererParams?.originalCellRenderer ? (jsx(colDef.cellRendererParams.originalCellRenderer, { ...props })) : (jsx("span", { title: props.valueFormatted ?? undefined, children: props.valueFormatted })) }), fnOrVar(colDef.editable, props) && rendererParams?.rightHoverElement && (jsx("div", { className: 'GridCell-hoverRight', children: rendererParams?.rightHoverElement }))] }));
+    }
+    return checkUpdating(colDef.field ?? colDef.colId ?? '', props.data.id) ? (jsx(GridLoadableCell, {})) : (jsxs(Fragment, { children: [!!warningText && (jsx(GridIcon, { icon: 'ic_warning_outline', title: typeof warningText === 'string' ? warningText : 'Warning' })), !!infoText && jsx(GridIcon, { icon: 'ic_info_outline', title: typeof infoText === 'string' ? infoText : 'Info' }), jsx("div", { className: 'GridCell-container', children: colDef.cellRendererParams?.originalCellRenderer ? (jsx(colDef.cellRendererParams.originalCellRenderer, { ...props })) : (jsx("span", { title: props.valueFormatted ?? undefined, children: props.valueFormatted || '–' })) }), fnOrVar(colDef.editable, props) && rendererParams?.rightHoverElement && (jsx("div", { className: 'GridCell-hoverRight', children: rendererParams?.rightHoverElement }))] }));
 };
 const suppressCellKeyboardEvents = (e) => {
     const shortcutKeys = e.colDef.cellRendererParams?.shortcutKeys ?? {};
@@ -3358,24 +3360,21 @@ const suppressCellKeyboardEvents = (e) => {
     // as the incorrect selected rows will be returned
     return !['ArrowLeft', 'ArrowRight', 'ArrowDown', 'ArrowUp', 'Tab', ' ', 'Home', 'End', 'PageUp', 'PageDown'].includes(e.event.key);
 };
-const generateFilterGetter = (field, filterValueGetter, valueFormatter) => {
-    if (filterValueGetter)
-        return filterValueGetter;
+const generateFilterGetter = (valueFormatter) => {
     // aggrid will default to valueGetter
-    if (typeof valueFormatter !== 'function' || !field)
+    if (typeof valueFormatter !== 'function') {
         return undefined;
-    return (params) => {
-        const value = params.getValue(field);
-        let formattedValue = valueFormatter({ ...params, value });
-        // Search for null values using standard dash
-        if (formattedValue === '–')
-            formattedValue += ' -';
-        // Search by raw value as well as formatted
-        const gotValue = ['string', 'number'].includes(typeof value) ? value : undefined;
-        return (formattedValue + (gotValue != null && formattedValue != gotValue ? ' ' + gotValue : '')) //
-            .replace(/\s+/g, ' ')
-            .trim();
-    };
+    }
+    return (params) => valueFormatter(params);
+};
+const stringableValueFormatterTypes = ['number', 'boolean', 'string'];
+const defaultValueFormatter = ({ value }) => {
+    if (value == null) {
+        return '–';
+    }
+    return stringableValueFormatterTypes.includes(typeof value) //
+        ? String(value)
+        : JSON.stringify(value);
 };
 /*
  * All cells should use this.
@@ -3385,16 +3384,17 @@ const GridCell = (props, custom) => {
     // Generate a default filter value getter which uses the formatted value plus
     // the editable value if it's a string and different from the formatted value.
     // This is so that e.g. bearings can be searched for by DMS or raw number.
-    const valueFormatter = props.valueFormatter;
+    const valueFormatter = props.valueFormatter ?? defaultValueFormatter;
     // FIXME
-    const filterValueGetter = generateFilterGetter(props.field, props.filterValueGetter, valueFormatter);
+    const filterValueGetter = props.filterValueGetter ?? generateFilterGetter(valueFormatter);
     const exportable = props.exportable;
     // Can't leave this here ag-grid will complain
     delete props.exportable;
     return {
-        colId: props.field ?? props.field,
+        // Will be overridden if specified later
+        colId: props.field,
         headerTooltip: props.headerName,
-        sortable: !!(props?.field || props?.valueGetter),
+        sortable: true,
         resizable: true,
         editable: props.editable ?? false,
         ...(custom?.editor && {
@@ -3411,18 +3411,9 @@ const GridCell = (props, custom) => {
             },
         }),
         // If there's a valueFormatter and no filterValueGetter then create a filterValueGetter
-        // FIXME
-        filterValueGetter: filterValueGetter,
+        getQuickFilterText: filterValueGetter,
         // Default value formatter, otherwise react freaks out on objects
-        valueFormatter: (params) => {
-            if (params.value == null)
-                return '–';
-            const types = ['number', 'boolean', 'string'];
-            if (types.includes(typeof params.value))
-                return `${params.value}`;
-            else
-                return JSON.stringify(params.value);
-        },
+        valueFormatter,
         ...props,
         cellRenderer: typeof props.cellRenderer === 'string' ? props.cellRenderer : GridCellRenderer,
         cellRendererParams: {
@@ -5855,5 +5846,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, primitiveToSelectOption, 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, defaultValueFormatter, 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