@ssa-ui-kit/core 2.32.0-canary-b64be64-20251219 → 2.32.0-canary-d213a33-20251219

package/dist/components/Charts/utils/nivoReact19Compat.d.ts

@@ -2,12 +2,19 @@ import React from 'react';
 /**
  * React 19 compatibility wrapper for Nivo responsive components.
  *
- * @nivo/core's ResponsiveWrapper returns an object in React 19, which causes
- * type checking issues. This utility wraps any Nivo responsive component
- * with forwardRef to ensure it's recognized as a proper React component.
+ * @nivo v0.99.0 works correctly with React 19 without additional wrapping.
+ * This function simply returns the component as-is to avoid type issues.
  *
- * @param Component - The Nivo responsive component to wrap (e.g., ResponsiveLine, ResponsivePie)
- * @param displayName - The display name for the wrapped component
- * @returns A React 19 compatible version of the component
+ * Previously, this function attempted to wrap components with forwardRef,
+ * but this caused issues in production builds where the wrapped component
+ * would be passed as an object instead of a function, resulting in:
+ * "React.jsx: type is invalid -- expected a string or a class/function but got: object"
+ *
+ * By returning the component unchanged, we let the consuming application's
+ * bundler resolve the module correctly and avoid CommonJS/ESM interop issues.
+ *
+ * @param Component - The Nivo responsive component (e.g., ResponsiveLine, ResponsivePie)
+ * @param displayName - Optional display name for debugging in React DevTools
+ * @returns The original component unchanged (with displayName set if provided)
  */
-export declare function wrapNivoResponsiveComponent<T extends React.ComponentType<any>>(Component: T, displayName: string): T;
+export declare function wrapNivoResponsiveComponent<T extends React.ComponentType<any>>(Component: T, displayName?: string): T;

package/dist/index.js

@@ -6834,36 +6834,32 @@ const getFixedNumber = (number, roundingDigits) => Number(number).toFixed(roundi
 ;// ./src/components/Charts/PieChart/constants.ts
 const TOOLTIP_HEIGHT = 30;
 ;// ./src/components/Charts/utils/nivoReact19Compat.tsx
-
-
 /**
  * React 19 compatibility wrapper for Nivo responsive components.
  *
- * @nivo/core's ResponsiveWrapper returns an object in React 19, which causes
- * type checking issues. This utility wraps any Nivo responsive component
- * with forwardRef to ensure it's recognized as a proper React component.
+ * @nivo v0.99.0 works correctly with React 19 without additional wrapping.
+ * This function simply returns the component as-is to avoid type issues.
+ *
+ * Previously, this function attempted to wrap components with forwardRef,
+ * but this caused issues in production builds where the wrapped component
+ * would be passed as an object instead of a function, resulting in:
+ * "React.jsx: type is invalid -- expected a string or a class/function but got: object"
  *
- * @param Component - The Nivo responsive component to wrap (e.g., ResponsiveLine, ResponsivePie)
- * @param displayName - The display name for the wrapped component
- * @returns A React 19 compatible version of the component
+ * By returning the component unchanged, we let the consuming application's
+ * bundler resolve the module correctly and avoid CommonJS/ESM interop issues.
+ *
+ * @param Component - The Nivo responsive component (e.g., ResponsiveLine, ResponsivePie)
+ * @param displayName - Optional display name for debugging in React DevTools
+ * @returns The original component unchanged (with displayName set if provided)
  */
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 function wrapNivoResponsiveComponent(Component, displayName) {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const WrappedComponent = /*#__PURE__*/external_react_default().forwardRef((props, ref) => {
-    // Force React.createElement to handle the component, even if it's an object
-    // This works around React 19's stricter type checking
+  // Set displayName for better debugging if provided
+  if (displayName && Component) {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    return /*#__PURE__*/external_react_default().createElement(Component, {
-      ...props,
-      ref
-    });
-  });
-  WrappedComponent.displayName = displayName;
-
-  // Type assertion needed for React 19 compatibility
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  return WrappedComponent;
+    Component.displayName = displayName;
+  }
+  return Component;
 }
 ;// ./src/components/Charts/PieChart/PieChartInternal.tsx
 function PieChartInternal_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }