@linzjs/step-ag-grid 17.4.9 → 17.5.0

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

@@ -2323,7 +2323,7 @@ const useGridContextMenu = ({ contextMenuSelectRow, contextMenu: ContextMenu, })
 /**
  * Wrapper for AgGrid to add commonly used functionality.
  */
-const Grid = ({ "data-testid": dataTestId, rowSelection = "multiple", suppressColumnVirtualization = true, theme = "ag-theme-step-default", sizeColumns = "auto", selectColumnPinned = null, contextMenuSelectRow = false, rowHeight = theme === "ag-theme-step-default" ? 40 : theme === "ag-theme-step-compact" ? 36 : undefined, ...params }) => {
+const Grid = ({ "data-testid": dataTestId, rowSelection = "multiple", suppressColumnVirtualization = true, theme = "ag-theme-step-default", sizeColumns = "auto", selectColumnPinned = null, contextMenuSelectRow = false, singleClickEdit = false, rowHeight = theme === "ag-theme-step-default" ? 40 : theme === "ag-theme-step-compact" ? 36 : undefined, ...params }) => {
     const { gridReady, setApis, ensureRowVisible, getFirstRowId, selectRowsById, focusByRowById, ensureSelectedRowIsVisible, autoSizeColumns, sizeColumnsToFit, externallySelectedItemsAreInSync, setExternallySelectedItemsAreInSync, isExternalFilterPresent, doesExternalFilterPass, setOnCellEditingComplete, getColDef, } = useContext(GridContext);
     const { checkUpdating, updatedDep, updatingCols } = useContext(GridUpdatingContext);
     const { prePopupOps } = useContext(GridContext);
@@ -2627,10 +2627,10 @@ const Grid = ({ "data-testid": dataTestId, rowSelection = "multiple", suppressCo
      * Handle single click edits
      */
     const onCellClicked = useCallback((event) => {
-        if (event.colDef?.cellRendererParams?.singleClickEdit) {
+        if (event.colDef?.cellRendererParams?.singleClickEdit ?? singleClickEdit) {
             startCellEditing(event);
         }
-    }, [startCellEditing]);
+    }, [singleClickEdit, startCellEditing]);
     /**
      * If cell has an edit action invoke it (if editable)
      */
@@ -3247,11 +3247,11 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z$2 = ".helpText{color:#6b6966;font-size:.75rem;font-weight:400}";
+var css_248z$2 = ".FormError-helpText{color:#6b6966;font-size:.75rem;font-weight:400}";
 styleInject(css_248z$2);
 
 const FormError = (props) => {
-    return (jsxs(Fragment$1, { children: [props.error && (jsx("span", { className: "LuiTextInput-error", style: { paddingLeft: 0 }, children: props.error })), props.helpText && !props.error && jsx("span", { className: "helpText", children: props.helpText })] }));
+    return (jsxs(Fragment$1, { children: [props.error && (jsx("span", { className: "LuiTextInput-error", style: { paddingLeft: 0 }, children: props.error })), props.helpText && !props.error && jsx("span", { className: "FormError-helpText", children: props.helpText })] }));
 };
 
 function escapeStringRegexp(string) {
@@ -3627,11 +3627,11 @@ const GridFormDropDown = (props) => {
                         })] }) })] }));
 };
 
-var css_248z$1 = ".LuiTextInput{margin-bottom:0}.LuiTextInput-formatted{color:#beb9b4;line-height:48px;position:absolute;right:14px;top:0}";
+var css_248z$1 = ".LuiTextInput.GridLuiTextInput{margin-bottom:0}.LuiTextInput-formatted{color:#beb9b4;line-height:48px;position:absolute;right:14px;top:0}";
 styleInject(css_248z$1);
 
 const TextInputFormatted = (props) => {
-    return (jsxs("div", { className: clsx("LuiTextInput Grid-popoverContainer", props.error && "hasError", props.className), children: [jsxs("span", { className: "LuiTextInput-inputWrapper", children: [jsx("input", { type: "text", spellCheck: true, defaultValue: props.value, ...omit(props, ["error", "value", "helpText", "formatted", "className", "allowTabToSave"]), className: "LuiTextInput-input", onMouseEnter: (e) => {
+    return (jsxs("div", { className: clsx("LuiTextInput GridLuiTextInput Grid-popoverContainer", props.error && "hasError", props.className), children: [jsxs("span", { className: "LuiTextInput-inputWrapper", children: [jsx("input", { type: "text", spellCheck: true, defaultValue: props.value, ...omit(props, ["error", "value", "helpText", "formatted", "className", "allowTabToSave"]), className: "LuiTextInput-input", onMouseEnter: (e) => {
                             e.currentTarget.focus();
                             props.onMouseEnter && props.onMouseEnter(e);
                         }, "data-allowtabtosave": props.allowTabToSave }), jsx("span", { className: "LuiTextInput-formatted", children: props.formatted })] }), jsx(FormError, { error: props.error, helpText: props.helpText })] }));