@linzjs/step-ag-grid 1.4.7 → 1.4.8

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

@@ -19,7 +19,7 @@ export interface GenericCellEditorColDef<RowType extends GridBaseRow, FormProps
     cellEditorParams?: FormProps;
     cellRendererParams?: GenericCellRendererParams<RowType>;
 }
-export declare const GridCellRenderer: (cellRendererParams: ICellRendererParams) => JSX.Element;
+export declare const GridCellRenderer: (props: ICellRendererParams) => JSX.Element;
 /**
  * For editing a text area.
  */

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

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

package/dist/src/components/gridRender/GridRenderGenericCell.d.ts

@@ -12,7 +12,7 @@ export interface GenericCellColDef<RowType extends GridBaseRow, FormProps extend
 }
 export interface GenericCellRendererParams<RowType extends GridBaseRow> {
     singleClickEdit?: boolean;
-    warning?: (props: RowICellRendererParams<RowType>) => string | boolean | undefined;
-    info?: (props: RowICellRendererParams<RowType>) => string | boolean | undefined;
+    warning?: (props: RowICellRendererParams<RowType>) => string | boolean | null | undefined;
+    info?: (props: RowICellRendererParams<RowType>) => string | boolean | null | undefined;
 }
 export declare const GridRendererGenericCell: <RowType extends GridBaseRow>(props: ICellRendererParams) => JSX.Element;

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

@@ -868,39 +868,53 @@ var GridLoadableCell = function (props) {
 var GridIcon = function (props) { return (jsx(LuiIcon, { name: props.icon, title: props.title, alt: props.title, size: "md", className: "AgGridGenericCellRenderer-".concat(props.icon, "Icon") })); };
 
 var GridRendererGenericCell = function (props) {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b, _c;
     var checkUpdating = useContext(UpdatingContext).checkUpdating;
-    var cellRendererParams = (_a = props.colDef) === null || _a === void 0 ? void 0 : _a.cellRendererParams;
+    var colDef = props.colDef;
+    var cellRendererParams = colDef.cellRendererParams;
     var warningFn = cellRendererParams === null || cellRendererParams === void 0 ? void 0 : cellRendererParams.warning;
     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 = (_c = (_b = props.colDef) === null || _b === void 0 ? void 0 : _b.valueFormatter) !== null && _c !== void 0 ? _c : defaultFormatter;
+    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);
-    return (jsx(GridLoadableCell, __assign({ isLoading: checkUpdating((_g = (_e = (_d = props.colDef) === null || _d === void 0 ? void 0 : _d.field) !== null && _e !== void 0 ? _e : (_f = props.colDef) === null || _f === void 0 ? void 0 : _f.colId) !== null && _g !== void 0 ? _g : "", props.data.id) }, { children: jsxs(Fragment, { 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 }))] }) })));
+    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, { 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 }))] }) })));
 };
 
-var GridCellRenderer = function (cellRendererParams) {
-    var _a, _b, _c, _d, _e;
+var GridCellRenderer = function (props) {
+    var _a, _b, _c;
     var checkUpdating = useContext(UpdatingContext).checkUpdating;
-    var colDef = cellRendererParams.colDef;
-    return ((_a = colDef === null || colDef === void 0 ? void 0 : colDef.cellRendererParams) === null || _a === void 0 ? void 0 : _a.oldCellRenderer) ? (jsx(GridLoadableCell, __assign({ isLoading: checkUpdating((_e = (_c = (_b = cellRendererParams.colDef) === null || _b === void 0 ? void 0 : _b.field) !== null && _c !== void 0 ? _c : (_d = cellRendererParams.colDef) === null || _d === void 0 ? void 0 : _d.colId) !== null && _e !== void 0 ? _e : "", cellRendererParams.data.id) }, { children: jsx(colDef.cellRendererParams.oldCellRenderer, __assign({}, cellRendererParams)) }))) : (jsx(GridRendererGenericCell, __assign({}, cellRendererParams)));
+    var colDef = props.colDef;
+    var rendererParams = colDef.cellRendererParams;
+    var warningFn = rendererParams === null || rendererParams === void 0 ? void 0 : rendererParams.warning;
+    var warningText = warningFn ? warningFn(props) : undefined;
+    var infoFn = rendererParams === null || rendererParams === void 0 ? void 0 : rendererParams.info;
+    var infoText = infoFn ? infoFn(props) : undefined;
+    return ((_a = colDef === null || colDef === void 0 ? void 0 : colDef.cellRendererParams) === null || _a === void 0 ? void 0 : _a.originalCellRenderer) ? (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, { children: [typeof warningText === "string" && jsx(GridIcon, { icon: "ic_warning", title: warningText }), typeof infoText === "string" && jsx(GridIcon, { icon: "ic_info", title: infoText }), jsx(colDef.cellRendererParams.originalCellRenderer, __assign({}, props))] }) }))) : (jsx(GridRendererGenericCell, __assign({}, props)));
 };
 /**
  * For editing a text area.
  */
 var GridCell = function (props) {
     var _a;
-    return __assign(__assign(__assign({ cellRenderer: GridCellRenderer, sortable: !!((props === null || props === void 0 ? void 0 : props.field) || (props === null || props === void 0 ? void 0 : props.valueGetter)), resizable: true }, (props.cellEditorParams && {
+    return __assign(__assign(__assign(__assign({ sortable: !!((props === null || props === void 0 ? void 0 : props.field) || (props === null || props === void 0 ? void 0 : props.valueGetter)), resizable: true }, (props.cellEditorParams && {
         cellClass: ((_a = props === null || props === void 0 ? void 0 : props.cellEditorParams) === null || _a === void 0 ? void 0 : _a.multiEdit) ? GenericMultiEditCellClass : undefined,
         editable: true,
         cellEditor: GenericCellEditorComponent
-    })), props), { cellRendererParams: __assign({ originalCellRender: props.cellRenderer }, props.cellRendererParams) });
+    })), { 
+        // Default value formatter, otherwise react freaks out on objects
+        valueFormatter: function (params) {
+            var types = ["number", "undefined", "boolean", "string"];
+            if (types.includes(typeof params.value))
+                return params.value;
+            else
+                return JSON.stringify(params.value);
+        } }), props), { cellRenderer: GridCellRenderer, cellRendererParams: __assign({ originalCellRenderer: props.cellRenderer }, props.cellRendererParams) });
 };
 var GenericCellEditorComponentFr = function (props, _) {
     var _a, _b, _c;
@@ -2725,7 +2739,7 @@ var GridFormPopoutMenu = function (props) {
     });
     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) {
-                return item.label === MenuSeparator ? (jsx(MenuDivider, {}, "$$divider_".concat(index))) : (jsx(MenuItem, __assign({ onClick: function () { return actionClick(item); }, disabled: !!item.disabled || !(filteredOptions === null || filteredOptions === void 0 ? void 0 : filteredOptions.includes(item)), title: item.disabled && typeof item.disabled !== "boolean" ? item.disabled : "" }, { children: item.label }), "".concat(item.label)));
+                return item.label === MenuSeparator ? (jsx(MenuDivider, {}, "$$divider_".concat(index))) : (!item.hidden && (jsx(MenuItem, __assign({ onClick: function () { return actionClick(item); }, disabled: !!item.disabled || !(filteredOptions === null || filteredOptions === void 0 ? void 0 : filteredOptions.includes(item)), title: item.disabled && typeof item.disabled !== "boolean" ? item.disabled : "" }, { children: item.label }), "".concat(item.label))));
             }) })) })));
 };