@linzjs/step-ag-grid 32.4.1 → 32.5.0

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

@@ -10,5 +10,6 @@ export interface GridFormTextAreaProps<TData extends GridBaseRow> extends TextIn
         value: string;
     }) => Promise<boolean>;
     helpText?: string;
+    disableUnicodeCharacterFilter?: boolean;
 }
 export declare const GridFormTextArea: <TData extends GridBaseRow>(props: GridFormTextAreaProps<TData>) => ReactElement;

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

@@ -10,5 +10,6 @@ export interface GridFormTextInputProps<TData extends GridBaseRow> extends TextI
         value: string;
     }) => Promise<boolean>;
     helpText?: string;
+    disableUnicodeCharacterFilter?: boolean;
 }
 export declare const GridFormTextInput: <TData extends GridBaseRow>(props: GridFormTextInputProps<TData>) => import("react").JSX.Element;

package/dist/step-ag-grid.cjs

@@ -61331,7 +61331,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
         };
       }
     },
@@ -62704,7 +62706,7 @@ const GridSubComponentContext = React13.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) => {
@@ -64185,6 +64187,7 @@ const GridFormTextArea = (props) => {
   const { field, value: initialVale, data } = useGridPopoverContext();
   const initValue = React13.useMemo(() => initialVale == null ? "" : `${initialVale}`, [initialVale]);
   const [value, setValue] = React13.useState(initValue);
+  const { filterInputEvent } = lui.useFilterCharacters();
   const helpText = props.helpText ?? "Press tab to save";
   const invalid = React13.useCallback(() => TextInputValidator(props, value, data, {}), [props, value, data]);
   const save = React13.useCallback(
@@ -64210,7 +64213,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
@@ -64224,6 +64232,7 @@ const GridFormTextInput = (props) => {
   const helpText = props.helpText ?? "Press enter or tab to save";
   const initValue = React13.useMemo(() => initialVale == null ? "" : `${initialVale}`, [initialVale]);
   const [value, setValue] = React13.useState(initValue);
+  const { filterInputEvent } = lui.useFilterCharacters();
   const invalid = React13.useCallback(() => TextInputValidator(props, value, data, {}), [data, props, value]);
   const save = React13.useCallback(
     async (selectedRows) => {
@@ -64252,7 +64261,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 },