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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,20 +1,18 @@
1
- import React from 'react';
1
+ import { type ComponentType } from 'react';
2
2
  /**
3
3
  * React 19 compatibility wrapper for Nivo responsive components.
4
4
  *
5
- * @nivo v0.99.0 works correctly with React 19 without additional wrapping.
6
- * This function simply returns the component as-is to avoid type issues.
5
+ * @nivo components can be received as module objects instead of functions due to
6
+ * CommonJS/ESM interop issues. This wrapper detects and unwraps such objects,
7
+ * then creates a functional component wrapper.
7
8
  *
8
- * Previously, this function attempted to wrap components with forwardRef,
9
- * but this caused issues in production builds where the wrapped component
10
- * would be passed as an object instead of a function, resulting in:
11
- * "React.jsx: type is invalid -- expected a string or a class/function but got: object"
12
- *
13
- * By returning the component unchanged, we let the consuming application's
14
- * bundler resolve the module correctly and avoid CommonJS/ESM interop issues.
9
+ * The unwrapping process checks for:
10
+ * - .default export (CommonJS/ESM default export)
11
+ * - .ResponsiveWrapper property (Nivo's internal wrapper)
12
+ * - Direct function component
15
13
  *
16
14
  * @param Component - The Nivo responsive component (e.g., ResponsiveLine, ResponsivePie)
17
- * @param displayName - Optional display name for debugging in React DevTools
18
- * @returns The original component unchanged (with displayName set if provided)
15
+ * @param displayName - Display name for debugging in React DevTools
16
+ * @returns A React 19 compatible functional component
19
17
  */
20
- export declare function wrapNivoResponsiveComponent<T extends React.ComponentType<any>>(Component: T, displayName?: string): T;
18
+ export declare function wrapNivoResponsiveComponent<T extends ComponentType<any>>(Component: T, displayName?: string): T;
@@ -1,2 +1,3 @@
1
1
  export * as Drawer from './index.parts';
2
- export { useDrawer, UseDrawerOptions } from './useDrawer';
2
+ export { useDrawer } from './useDrawer';
3
+ export type { UseDrawerOptions } from './useDrawer';
@@ -8,7 +8,4 @@ export type FullscreenModeContextType = {
8
8
  export declare const FullscreenModeContext: import("react").Context<FullscreenModeContextType>;
9
9
  export declare const FullscreenModeProvider: ({ children, }: React.PropsWithChildren) => import("@emotion/react/jsx-runtime").JSX.Element;
10
10
  export declare const useFullscreenMode: () => FullscreenModeContextType;
11
- export declare const WithFullscreenMode: <T extends object>(Component: React.ComponentType<T>, rest?: Parameters<typeof FullscreenModeProvider>[0]) => {
12
- (props: T): import("@emotion/react/jsx-runtime").JSX.Element;
13
- displayName: string;
14
- };
11
+ export declare const WithFullscreenMode: <T extends object>(Component: React.ComponentType<T>, rest?: Parameters<typeof FullscreenModeProvider>[0]) => React.ComponentType<T>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ssa-ui-kit/core",
3
- "version": "2.32.0-canary-d213a33-20251219",
3
+ "version": "2.32.0-canary-f90c17a-20251231",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "private": false,
@@ -31,8 +31,8 @@
31
31
  "luxon": "3.5.0",
32
32
  "plotly.js": "3.0.0",
33
33
  "react-plotly.js": "2.6.0",
34
- "@ssa-ui-kit/hooks": "^2.32.0-canary-d213a33-20251219",
35
- "@ssa-ui-kit/utils": "^2.32.0-canary-d213a33-20251219"
34
+ "@ssa-ui-kit/hooks": "^2.32.0-canary-f90c17a-20251231",
35
+ "@ssa-ui-kit/utils": "^2.32.0-canary-f90c17a-20251231"
36
36
  },
37
37
  "devDependencies": {
38
38
  "@emotion/css": "11.13.5",
@@ -49,7 +49,8 @@
49
49
  "@rjsf/utils": "5.24.8",
50
50
  "@rjsf/validator-ajv8": "5.24.8",
51
51
  "@types/luxon": "3.4.2",
52
- "@types/react-plotly.js": "2.6.3"
52
+ "@types/react-plotly.js": "2.6.3",
53
+ "@types/sass": "1.45.0"
53
54
  },
54
55
  "browserslist": [
55
56
  ">0.1%",
@@ -79,10 +80,10 @@
79
80
  },
80
81
  "scripts": {
81
82
  "test": "jest -i --no-cache",
82
- "build": "webpack --mode=production --node-env=production && tsc --build --force ./tsconfig.build.json && resolve-tspaths -p ./tsconfig.build.json",
83
+ "build": "tsc --build --force ./tsconfig.build.json && resolve-tspaths -p ./tsconfig.build.json",
83
84
  "build:watch": "webpack --mode=production --node-env=production --watch && tsc --build --force ./tsconfig.build.json && resolve-tspaths -p ./tsconfig.build.json",
84
- "sb:dev": "storybook dev -p 6006",
85
- "sb:build": "storybook build",
85
+ "sb:dev": "env storybook dev -p 6006",
86
+ "sb:build": "env storybook build",
86
87
  "test:e2e": "pnpm exec playwright test --project=chromium",
87
88
  "test:e2e:ui": "pnpm exec playwright test --project=chromium --ui",
88
89
  "test:e2e:debug": "pnpm exec playwright test --project=chromium --debug",