@linzjs/step-ag-grid 7.0.3 → 7.0.4

package/dist/src/contexts/GridPopoverContext.d.ts

@@ -1,12 +1,5 @@
 import { RefObject } from "react";
 import { GridBaseRow } from "../components/Grid";
-export interface PropsType {
-    value: any;
-    data: any;
-    field: string;
-    selectedRows: any[];
-    updateValue: (saveFn: (selectedRows: any[]) => Promise<boolean>) => Promise<boolean>;
-}
 export interface GridPopoverContextType<RowType extends GridBaseRow> {
     anchorRef: RefObject<Element>;
     saving: boolean;
@@ -16,6 +9,7 @@ export interface GridPopoverContextType<RowType extends GridBaseRow> {
     data: RowType;
     selectedRows: RowType[];
     updateValue: (saveFn: (selectedRows: any[]) => Promise<boolean>, tabDirection: 1 | 0 | -1) => Promise<boolean>;
+    formatValue: (value: any) => any;
 }
 export declare const GridPopoverContext: import("react").Context<GridPopoverContextType<any>>;
 export declare const useGridPopoverContext: <RowType extends GridBaseRow>() => GridPopoverContextType<RowType>;

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

@@ -2361,7 +2361,8 @@ var GridPopoverContext = createContext({
     selectedRows: [],
     updateValue: function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
         return [2 /*return*/, false];
-    }); }); }
+    }); }); },
+    formatValue: function () { return "! No gridPopoverContextProvider !"; }
 });
 var useGridPopoverContext = function () {
     return useContext(GridPopoverContext);
@@ -2410,7 +2411,8 @@ var GridPopoverContextProvider = function (_a) {
             field: field,
             data: props.data,
             value: props.value,
-            updateValue: updateValue
+            updateValue: updateValue,
+            formatValue: props.formatValue
         } }, { children: children })));
 };
 
@@ -2852,13 +2854,9 @@ var GridRendererGenericCell = function (props) {
     var warningText = warningFn ? warningFn(props) : undefined;
     var infoFn = cellRendererParams === null || cellRendererParams === void 0 ? void 0 : cellRendererParams.info;
     var infoText = infoFn ? infoFn(props) : undefined;
-    var defaultFormatter = function (props) { return props.value; };
-    var formatter = (_a = colDef.valueFormatter) !== null && _a !== void 0 ? _a : defaultFormatter;
-    if (typeof formatter === "string") {
-        console.error("valueFormatter must be a function");
-        return jsx("span", { children: "valueFormatter must be a function" });
-    }
-    var formatted = formatter(props);
+    var defaultFormatter = function (value) { return value; };
+    var formatter = (_a = props.formatValue) !== null && _a !== void 0 ? _a : defaultFormatter;
+    var formatted = formatter(props.value);
     return (jsx(GridLoadableCell, __assign({ isLoading: checkUpdating((_c = (_b = colDef.field) !== null && _b !== void 0 ? _b : colDef.colId) !== null && _c !== void 0 ? _c : "", props.data.id) }, { children: jsxs(Fragment$1, { children: [typeof warningText === "string" && jsx(GridIcon, { icon: "ic_warning", title: warningText }), typeof infoText === "string" && jsx(GridIcon, { icon: "ic_info", title: infoText }), jsx("span", __assign({ title: formatted }, { children: formatted }))] }) })));
 };
 
@@ -2892,7 +2890,7 @@ var GridCell = function (props, custom) {
         // Default value formatter, otherwise react freaks out on objects
         valueFormatter: function (params) {
             if (params.value == null)
-                return "-";
+                return "–";
             var types = ["number", "boolean", "string"];
             if (types.includes(typeof params.value))
                 return "".concat(params.value);
@@ -3818,14 +3816,14 @@ var GridPopoverMenu = function (colDef, custom) {
 var bearingValueFormatter = function (params) {
     var value = typeof params.value == "string" ? parseFloat(params.value) : params.value;
     if (value == null) {
-        return "-";
+        return "–";
     }
     return convertDDToDMS(value, false, false);
 };
 var bearingCorrectionValueFormatter = function (params) {
     var value = params.value;
     if (value == null) {
-        return "-";
+        return "–";
     }
     if (typeof value === "string") {
         return convertDDToDMS(bearingNumberParser(value), true, true);
@@ -3907,7 +3905,7 @@ var TextInputFormatted = function (props) {
 };
 
 var GridFormEditBearing = function (props) {
-    var _a = useGridPopoverContext(), field = _a.field, initialValue = _a.value;
+    var _a = useGridPopoverContext(), field = _a.field, initialValue = _a.value, formatValue = _a.formatValue;
     // This clears out any scientific precision
     var defaultValue = useMemo(function () { return (initialValue == null ? "" : parseFloat(parseFloat(initialValue).toFixed(10)).toString()); }, [initialValue]);
     var _b = useState(defaultValue), value = _b[0], setValue = _b[1];
@@ -3946,11 +3944,11 @@ var GridFormEditBearing = function (props) {
     }).popoverWrapper;
     return popoverWrapper(jsx("div", __assign({ className: "GridFormEditBearing-input Grid-popoverContainer" }, { children: jsx(TextInputFormatted, { value: defaultValue, onChange: function (e) {
                 setValue(e.target.value.trim());
-            }, autoFocus: true, placeholder: props.placeHolder, formatted: bearingStringValidator(value, props.range) ? "?" : convertDDToDMS(bearingNumberParser(value)), error: bearingStringValidator(value, props.range), helpText: "Press enter or tab to save" }) })));
+            }, autoFocus: true, placeholder: props.placeHolder, formatted: bearingStringValidator(value, props.range) ? "?" : formatValue(bearingNumberParser(value)), error: bearingStringValidator(value, props.range), helpText: "Press enter or tab to save" }) })));
 };
 
 var GridPopoverEditBearingLike = function (colDef, props) {
-    return GridCell(__assign({ initialWidth: 65, maxWidth: 150, valueFormatter: bearingValueFormatter }, colDef), __assign({ editor: GridFormEditBearing }, props));
+    return GridCell(__assign({ initialWidth: 65, maxWidth: 150 }, colDef), __assign({ editor: GridFormEditBearing }, props));
 };
 var GridPopoverEditBearing = function (colDef, props) {
     return GridPopoverEditBearingLike(__assign({ valueFormatter: bearingValueFormatter }, colDef), {