@linzjs/step-ag-grid 32.4.2 → 32.6.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/src/index.d.ts

@@ -14,6 +14,7 @@ export * from './react-menu3/index';
 export * from './react-menu3/types';
 export * from './utils/bearing';
 export * from './utils/deferredPromise';
+export * from './utils/isChromatic';
 export * from './utils/textMatcher';
 export * from './utils/textValidator';
 export * from './utils/util';

package/dist/src/utils/isChromatic.d.ts

@@ -0,0 +1,11 @@
+import type { Decorator } from '@storybook/react-vite';
+export interface WindowChromaticProps {
+    FORCE_IS_CHROMATIC?: boolean;
+}
+/**
+ * Wraps chromatic's isChromatic(). If window.FORCE_IS_CHROMATIC is set, returns that;
+ * otherwise returns whatever the real chromaticIsChromatic() reports.
+ */
+export declare const isChromatic: () => boolean;
+/** Story decorator that forces isChromatic() to false for the story's lifetime. */
+export declare const ChromaticAllowGridAutosize: Decorator;

package/dist/step-ag-grid.cjs

@@ -57824,15 +57824,6 @@ var AgGridReact = class extends React13.Component {
   }
 };
 
-function isChromatic(windowArgument) {
-  const windowToCheck = (globalThis.window !== undefined && globalThis);
-  return !!(
-    windowToCheck &&
-    (/Chromatic/.test(windowToCheck.navigator.userAgent) ||
-      /chromatic=true/.test(windowToCheck.location.href))
-  );
-}
-
 function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
 
 const NoContext = () => {
@@ -57906,6 +57897,29 @@ const GridUpdatingContext = React13.createContext({
   updatedDep: 0
 });
 
+function isChromatic$1(windowArgument) {
+  const windowToCheck = (globalThis.window !== undefined && globalThis);
+  return !!(
+    windowToCheck &&
+    (/Chromatic/.test(windowToCheck.navigator.userAgent) ||
+      /chromatic=true/.test(windowToCheck.location.href))
+  );
+}
+
+const isChromatic = () => {
+  const forced = window.FORCE_IS_CHROMATIC;
+  return forced ?? isChromatic$1();
+};
+const ChromaticAllowGridAutosize = (Story) => {
+  window.FORCE_IS_CHROMATIC = false;
+  React13.useEffect(() => {
+    return () => {
+      delete window.FORCE_IS_CHROMATIC;
+    };
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(Story, {});
+};
+
 const isStorybook = window.IS_STORYBOOK;
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -62706,7 +62720,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) => {
@@ -64187,6 +64201,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(
@@ -64212,7 +64227,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
@@ -64226,6 +64246,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) => {
@@ -64254,7 +64275,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 },
@@ -65536,6 +65562,7 @@ const useDeferredPromise = () => {
 
 exports.ActionButton = ActionButton;
 exports.CancelPromise = CancelPromise;
+exports.ChromaticAllowGridAutosize = ChromaticAllowGridAutosize;
 exports.ComponentLoadingWrapper = ComponentLoadingWrapper;
 exports.ControlledMenu = ControlledMenu;
 exports.Editor = Editor;
@@ -65630,6 +65657,7 @@ exports.findParentWithClass = findParentWithClass;
 exports.fnOrVar = fnOrVar;
 exports.generateFilterGetter = generateFilterGetter;
 exports.hasParentClass = hasParentClass;
+exports.isChromatic = isChromatic;
 exports.isFloat = isFloat;
 exports.isGridCellFiller = isGridCellFiller;
 exports.isNotEmpty = isNotEmpty;