@linzjs/step-ag-grid 32.5.0 → 32.6.0

package/src/stories/grid/gridFormStatic/GridFormMessage.stories.tsx

@@ -1,7 +1,6 @@
 import '../../../react-menu3/styles/index.scss';
 import '../../../styles/index.scss';
 import '@linzjs/lui/dist/scss/base.scss';
-import '@linzjs/lui/dist/fonts';
 
 import { Meta, StoryFn } from '@storybook/react-vite';
 import { GridPopoverContext, GridPopoverContextType } from '../../../contexts/GridPopoverContext';

package/src/stories/grid/gridFormStatic/GridFormMultiSelect.stories.tsx

@@ -1,7 +1,6 @@
 import '../../../react-menu3/styles/index.scss';
 import '../../../styles/index.scss';
 import '@linzjs/lui/dist/scss/base.scss';
-import '@linzjs/lui/dist/fonts';
 
 import { Meta, StoryFn } from '@storybook/react-vite';
 import { GridPopoverContext, GridPopoverContextType } from '../../../contexts/GridPopoverContext';

package/src/stories/grid/gridFormStatic/GridFormPopoverMenu.stories.tsx

@@ -1,7 +1,6 @@
 import '../../../react-menu3/styles/index.scss';
 import '../../../styles/index.scss';
 import '@linzjs/lui/dist/scss/base.scss';
-import '@linzjs/lui/dist/fonts';
 
 import { Meta, StoryFn } from '@storybook/react-vite';
 import { GridPopoverContext, GridPopoverContextType } from '../../../contexts/GridPopoverContext';

package/src/stories/grid/gridFormStatic/GridFormTextArea.stories.tsx

@@ -1,7 +1,6 @@
 import '../../../react-menu3/styles/index.scss';
 import '../../../styles/index.scss';
 import '@linzjs/lui/dist/scss/base.scss';
-import '@linzjs/lui/dist/fonts';
 
 import { Meta, StoryFn } from '@storybook/react-vite';
 import { GridPopoverContext, GridPopoverContextType } from '../../../contexts/GridPopoverContext';

package/src/stories/grid/gridFormStatic/GridFormTextInput.stories.tsx

@@ -1,7 +1,6 @@
 import '../../../react-menu3/styles/index.scss';
 import '../../../styles/index.scss';
 import '@linzjs/lui/dist/scss/base.scss';
-import '@linzjs/lui/dist/fonts';
 
 import { Meta, StoryFn } from '@storybook/react-vite';
 import { GridPopoverContext, GridPopoverContextType } from '../../../contexts/GridPopoverContext';

package/src/stories/grid/interactions/GridKeyboardInteractions.stories.tsx

@@ -1,8 +1,3 @@
-import '../../../styles/GridTheme.scss';
-import '../../../styles/index.scss';
-import '@linzjs/lui/dist/scss/base.scss';
-import '@linzjs/lui/dist/fonts';
-
 import { Meta, StoryFn } from '@storybook/react-vite';
 import { useMemo, useState } from 'react';
 import { expect, within } from 'storybook/test';

package/src/utils/isChromatic.tsx

@@ -0,0 +1,30 @@
+import type { Decorator } from '@storybook/react-vite';
+import chromaticIsChromatic from 'chromatic/isChromatic';
+import { useEffect } from 'react';
+
+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 const isChromatic = (): boolean => {
+  const forced = (window as WindowChromaticProps).FORCE_IS_CHROMATIC;
+  return forced ?? chromaticIsChromatic();
+};
+
+/** Story decorator that forces isChromatic() to false for the story's lifetime. */
+export const ChromaticAllowGridAutosize: Decorator = (Story) => {
+  // Set during render (not in useEffect) so it's already in place before Story
+  // renders in this same pass — Grid reads isChromatic() synchronously while rendering.
+  // oxlint-disable-next-line react/immutability
+  (window as WindowChromaticProps).FORCE_IS_CHROMATIC = false;
+  useEffect(() => {
+    return () => {
+      delete (window as WindowChromaticProps).FORCE_IS_CHROMATIC;
+    };
+  }, []);
+  return <Story />;
+};