@linzjs/step-ag-grid 32.4.1 → 32.5.0

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

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { LuiMiniSpinner, LuiIcon, useShowLUIMessage, LuiStatusSpinner, LuiButtonGroup, LuiButton, LuiCheckboxInput } from '@linzjs/lui';
+import { LuiMiniSpinner, LuiIcon, useShowLUIMessage, LuiStatusSpinner, LuiButtonGroup, LuiButton, LuiCheckboxInput, useFilterCharacters } from '@linzjs/lui';
 import React13, { forwardRef, useContext, useRef, useState, useImperativeHandle, useLayoutEffect, useCallback, useMemo, createContext, memo, useEffect, createElement, Suspense, Component as Component$1, useReducer, cloneElement, Fragment as Fragment$1, useId } from 'react';
 import ReactDOM, { createPortal, unstable_batchedUpdates, flushSync } from 'react-dom';
 import { negate, isEmpty, findIndex, defer, debounce as debounce$1, compact, xorBy, last, difference, omit, delay, sortBy, partition, pick, groupBy, fromPairs, toPairs, isEqual, pull, filter, sumBy, remove, flatten, castArray } from 'lodash-es';
@@ -61329,7 +61329,9 @@ const Grid = ({
             ...colDef.cellClassRules,
             "GridCell-readonly": (ccp) => !suppressReadOnlyStyle && !editable(ccp)
           },
-          width: colDef.minWidth || 120
+          // If chromatic we fix the size to minWidth if set otherwise 120px
+          // else whatever user has configured which will probably be undefined
+          width: isChromatic() ? colDef.minWidth || 120 : colDef.width
         };
       }
     },
@@ -62702,7 +62704,7 @@ const GridSubComponentContext = createContext({
   context: null
 });
 
-var css_248z$2 = ".FormError{display:flex}.FormError-helpText{color:#6b6966;font-size:.75rem;font-weight:400}.FormError-text-icon{margin-right:4px;margin-top:4px}.FormError-error{align-items:center;color:#2a292c;font-size:14px;font-weight:600;padding-left:0}";
+var css_248z$2 = ".FormError{display:flex;line-height:24px}.FormError-helpText{color:#6b6966;font-size:.75rem;font-weight:400}.FormError-text-icon{margin-right:4px;margin-top:4px}.FormError-error{align-items:center;color:#2a292c;font-size:14px;font-weight:600;padding-left:0}";
 styleInject(css_248z$2);
 
 const FormError = (props) => {
@@ -64183,6 +64185,7 @@ const GridFormTextArea = (props) => {
   const { field, value: initialVale, data } = useGridPopoverContext();
   const initValue = useMemo(() => initialVale == null ? "" : `${initialVale}`, [initialVale]);
   const [value, setValue] = useState(initValue);
+  const { filterInputEvent } = useFilterCharacters();
   const helpText = props.helpText ?? "Press tab to save";
   const invalid = useCallback(() => TextInputValidator(props, value, data, {}), [props, value, data]);
   const save = useCallback(
@@ -64208,7 +64211,12 @@ const GridFormTextArea = (props) => {
       TextAreaInput,
       {
         value,
-        onChange: (e) => setValue(e.target.value),
+        onChange: (e) => {
+          if (!props.disableUnicodeCharacterFilter) {
+            filterInputEvent(e);
+          }
+          setValue(e.target.value);
+        },
         error: invalid(),
         placeholder: props.placeholder ?? "Type here",
         helpText
@@ -64222,6 +64230,7 @@ const GridFormTextInput = (props) => {
   const helpText = props.helpText ?? "Press enter or tab to save";
   const initValue = useMemo(() => initialVale == null ? "" : `${initialVale}`, [initialVale]);
   const [value, setValue] = useState(initValue);
+  const { filterInputEvent } = useFilterCharacters();
   const invalid = useCallback(() => TextInputValidator(props, value, data, {}), [data, props, value]);
   const save = useCallback(
     async (selectedRows) => {
@@ -64250,7 +64259,12 @@ const GridFormTextInput = (props) => {
       TextInputFormatted,
       {
         value,
-        onChange: (e) => setValue(e.target.value),
+        onChange: (e) => {
+          if (!props.disableUnicodeCharacterFilter) {
+            filterInputEvent(e);
+          }
+          setValue(e.target.value);
+        },
         error: invalid(),
         formatted: props.units,
         style: { width: props.width ?? 240 },