@linzjs/step-ag-grid 1.4.7 → 1.4.9

package/dist/index.d.ts

@@ -31,6 +31,7 @@ export { GridFormTextArea } from "./src/components/gridForm/GridFormTextArea";
 export { GridFormTextInput } from "./src/components/gridForm/GridFormTextInput";
 export { TextAreaInput } from "./src/lui/TextAreaInput";
 export { TextInputFormatted } from "./src/lui/TextInputFormatted";
+export { GridSubComponentTextArea } from "./src/components/GridSubComponentTextArea";
 export * from "./src/utils/bearing";
 export * from "./src/utils/util";
 export * from "./src/react-menu3/index";

package/dist/index.js

@@ -876,39 +876,53 @@ var GridLoadableCell = function (props) {
 var GridIcon = function (props) { return (jsxRuntime.jsx(lui.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 = react.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 jsxRuntime.jsx("span", { children: "valueFormatter must be a function" });
     }
     var formatted = formatter(props);
-    return (jsxRuntime.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: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [typeof warningText === "string" && jsxRuntime.jsx(GridIcon, { icon: "ic_warning", title: warningText }), typeof infoText === "string" && jsxRuntime.jsx(GridIcon, { icon: "ic_info", title: infoText }), jsxRuntime.jsx("span", __assign({ title: formatted }, { children: formatted }))] }) })));
+    return (jsxRuntime.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: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [typeof warningText === "string" && jsxRuntime.jsx(GridIcon, { icon: "ic_warning", title: warningText }), typeof infoText === "string" && jsxRuntime.jsx(GridIcon, { icon: "ic_info", title: infoText }), jsxRuntime.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 = react.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) ? (jsxRuntime.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: jsxRuntime.jsx(colDef.cellRendererParams.oldCellRenderer, __assign({}, cellRendererParams)) }))) : (jsxRuntime.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) ? (jsxRuntime.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: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [typeof warningText === "string" && jsxRuntime.jsx(GridIcon, { icon: "ic_warning", title: warningText }), typeof infoText === "string" && jsxRuntime.jsx(GridIcon, { icon: "ic_info", title: infoText }), jsxRuntime.jsx(colDef.cellRendererParams.originalCellRenderer, __assign({}, props))] }) }))) : (jsxRuntime.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;
@@ -2733,7 +2747,7 @@ var GridFormPopoutMenu = function (props) {
     });
     var popoverWrapper = useGridPopoverHook(props).popoverWrapper;
     return popoverWrapper(jsxRuntime.jsx(ComponentLoadingWrapper, __assign({ loading: !filteredOptions }, { children: jsxRuntime.jsx("div", __assign({ className: "Grid-popoverContainerList" }, { children: options === null || options === void 0 ? void 0 : options.map(function (item, index) {
-                return item.label === MenuSeparator ? (jsxRuntime.jsx(MenuDivider, {}, "$$divider_".concat(index))) : (jsxRuntime.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 ? (jsxRuntime.jsx(MenuDivider, {}, "$$divider_".concat(index))) : (!item.hidden && (jsxRuntime.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))));
             }) })) })));
 };
 
@@ -3200,6 +3214,14 @@ var GridPopoverTextInput = function (colDef) {
     })));
 };
 
+var GridSubComponentTextArea = function (props) {
+    var _a = react.useState(""), value = _a[0], setValue = _a[1];
+    react.useEffect(function () {
+        props.setValue(value);
+    }, [props, value]);
+    return (jsxRuntime.jsx("div", __assign({ className: "FreeTextInput LuiDeprecatedForms" }, { children: jsxRuntime.jsx("textarea", { autoFocus: true, maxLength: 10000, spellCheck: true, className: "free-text-input", onChange: function (e) { return setValue(e.target.value); }, defaultValue: value }) })));
+};
+
 exports.ComponentLoadingWrapper = ComponentLoadingWrapper;
 exports.ControlledMenu = ControlledMenu;
 exports.FocusableItem = FocusableItem;
@@ -3228,6 +3250,7 @@ exports.GridPopoverTextArea = GridPopoverTextArea;
 exports.GridPopoverTextInput = GridPopoverTextInput;
 exports.GridRenderPopoutMenuCell = GridRenderPopoutMenuCell;
 exports.GridRendererGenericCell = GridRendererGenericCell;
+exports.GridSubComponentTextArea = GridSubComponentTextArea;
 exports.Menu = Menu;
 exports.MenuButton = MenuButton;
 exports.MenuDivider = MenuDivider;