@linzjs/step-ag-grid 32.2.0 → 32.4.0

package/dist/src/lui/TextInputFormatted.d.ts

@@ -6,5 +6,6 @@ export interface LuiTextInputProps extends DetailedHTMLProps<InputHTMLAttributes
     error?: ReactElement | string | boolean | null;
     formatted?: string;
     allowTabToSave?: boolean;
+    validationSummary?: string;
 }
 export declare const TextInputFormatted: (props: LuiTextInputProps) => ReactElement;

package/dist/src/lui/TextInputFormatted.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -16,3 +16,4 @@ export interface TextInputValidatorProps<TData extends GridBaseRow> {
     };
 }
 export declare const TextInputValidator: <TData extends GridBaseRow>(props: TextInputValidatorProps<TData>, value: string | null, data: TData, context: any) => string | ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+export declare const textInputValidatorPropsToSummary: <TData extends GridBaseRow>(props: TextInputValidatorProps<TData>) => string;

package/dist/step-ag-grid.cjs

@@ -57824,6 +57824,15 @@ 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 = () => {
@@ -61318,7 +61327,8 @@ const Grid = ({
           cellClassRules: {
             ...colDef.cellClassRules,
             "GridCell-readonly": (ccp) => !suppressReadOnlyStyle && !editable(ccp)
-          }
+          },
+          width: colDef.minWidth || 120
         };
       }
     },
@@ -61800,7 +61810,9 @@ const Grid = ({
   const onGridSizeChanged = React13.useCallback(
     (event) => {
       if (sizeColumns === "fit" || ["auto", "auto-skip-headers"].includes(sizeColumns) && hasSetContentSize.current) {
-        event.api.sizeColumnsToFit();
+        if (!isChromatic()) {
+          event.api.sizeColumnsToFit();
+        }
       }
     },
     [sizeColumns]
@@ -63209,13 +63221,22 @@ const TextInputFormatted = (props) => {
               type: "text",
               spellCheck: true,
               defaultValue: props.value,
-              ...lodashEs.omit(props, ["error", "value", "helpText", "formatted", "className", "allowTabToSave"]),
+              ...lodashEs.omit(props, [
+                "error",
+                "value",
+                "helpText",
+                "formatted",
+                "className",
+                "allowTabToSave",
+                "validationSummary"
+              ]),
               className: "LuiTextInput-input",
               onMouseEnter: (e) => {
                 e.currentTarget.focus();
                 props.onMouseEnter?.(e);
               },
-              "data-allowtabtosave": props.allowTabToSave
+              "data-allowtabtosave": props.allowTabToSave,
+              "data-validationsummary": props.validationSummary
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "LuiTextInput-formatted", children: props.formatted })
@@ -63408,6 +63429,24 @@ const TextInputValidator = (props, value, data, context) => {
   }
   return null;
 };
+const textInputValidatorPropsToSummary = (props) => {
+  const parts = [];
+  if (props.required) parts.push("required");
+  if (props.maxLength != null) parts.push(`maxLength=${props.maxLength}`);
+  if (props.maxBytes != null) parts.push(`maxBytes=${props.maxBytes}`);
+  if (props.invalid) parts.push("invalid");
+  const nf = props.numberFormat;
+  if (nf) {
+    if (nf.precision != null) parts.push(`precision=${nf.precision}`);
+    if (nf.scale != null) parts.push(`scale=${nf.scale}`);
+    if (nf.gtMin != null) parts.push(`gtMin=${nf.gtMin}`);
+    if (nf.geMin != null) parts.push(`geMin=${nf.geMin}`);
+    if (nf.ltMax != null) parts.push(`ltMax=${nf.ltMax}`);
+    if (nf.leMax != null) parts.push(`leMax=${nf.leMax}`);
+    if (nf.notZero) parts.push("notZero");
+  }
+  return parts.join(",");
+};
 
 const GridFormInlineTextInput = (props) => {
   const { onSave } = props;
@@ -64133,7 +64172,8 @@ const GridFormSubComponentTextInput = (props) => {
       helpText,
       placeholder: props.placeholder,
       style: { width: "100%" },
-      allowTabToSave: true
+      allowTabToSave: true,
+      validationSummary: textInputValidatorPropsToSummary(props)
     }
   );
 };
@@ -64214,7 +64254,8 @@ const GridFormTextInput = (props) => {
         formatted: props.units,
         style: { width: props.width ?? 240 },
         placeholder: props.placeholder ?? "Type here",
-        helpText
+        helpText,
+        validationSummary: textInputValidatorPropsToSummary(props)
       }
     ) })
   );
@@ -64231,7 +64272,9 @@ const ButtonCellRenderer = (props) => {
     };
     api.addEventListener("cellFocused", checkFocus);
     return () => {
-      api.removeEventListener("cellFocused", checkFocus);
+      if (!api.isDestroyed()) {
+        api.removeEventListener("cellFocused", checkFocus);
+      }
     };
   }, [api, column, node.rowIndex]);
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -64319,7 +64362,11 @@ const BooleanCellRenderer = (props) => {
       }
     };
     api.addEventListener("cellFocused", checkFocus);
-    return () => void api.removeEventListener("cellFocused", checkFocus);
+    return () => {
+      if (!api.isDestroyed()) {
+        api.removeEventListener("cellFocused", checkFocus);
+      }
+    };
   }, [api, column, node.rowIndex]);
   const isDisabled = !fnOrVar(colDef?.editable, props);
   const toggleCheckbox = React13.useCallback(() => {
@@ -64883,6 +64930,9 @@ const GridContextProvider = (props) => {
       if (!gridApi || gridApi.isDestroyed() || !gridApi.getColumnState()) {
         return null;
       }
+      if (isChromatic()) {
+        return { width: lodashEs.sumBy(gridApi.getColumnState(), (colState) => colState.hide ? 0 : colState.width ?? 0) };
+      }
       try {
         const colIdsSet = colIds instanceof Set ? colIds : new Set(colIds);
         const getVisibleColStates = () => {
@@ -64936,7 +64986,7 @@ const GridContextProvider = (props) => {
   );
   const sizeColumnsToFit = React13.useCallback(
     (paramsOrGridWidth) => {
-      if (gridApi && !gridApi?.isDestroyed()) {
+      if (gridApi && !gridApi?.isDestroyed() && !isChromatic()) {
         gridApi.sizeColumnsToFit(paramsOrGridWidth);
       }
     },
@@ -65583,6 +65633,7 @@ exports.reorderRows = reorderRows;
 exports.sanitiseFileName = sanitiseFileName;
 exports.stringByteLengthIsInvalid = stringByteLengthIsInvalid;
 exports.suppressCellKeyboardEvents = suppressCellKeyboardEvents;
+exports.textInputValidatorPropsToSummary = textInputValidatorPropsToSummary;
 exports.textMatch = textMatch;
 exports.useDeferredPromise = useDeferredPromise;
 exports.useGridContext = useGridContext;