chore: storybook 10

.changeset/cyan-lands-tickle.md

@@ -0,0 +1,7 @@
+---
+'@talend/react-faceted-search': minor
+'@talend/react-components': minor
+'@talend/react-forms': minor
+---
+
+feat: migrate forgotten file to jsx file

.changeset/dark-bags-accept.md

@@ -0,0 +1,5 @@
+---
+'@talend/icons': major
+---
+
+chore: refactor build to output more ESM.

.changeset/deep-foxes-smoke.md

@@ -0,0 +1,7 @@
+---
+'@talend/react-components': patch
+---
+
+fix: add type function to all withTranslation exported component
+
+The goal here is to make type inference of typescript happy.

.changeset/every-papers-tap.md

@@ -0,0 +1,70 @@
+---
+'@talend/scripts-core': major
+---
+
+chore: remove storybook commands and integration
+
+You should do the following to migrate:
+
+in your package.json
+```diff
+
+"scripts": {
+-  "start": "talend-scripts start"
++  "start": "storybook dev"
+-  "build-storybook": "talend-scripts build-storybook"
++  "build-storybook": "storybook build"
+}
+
+"dependencies": {
+-  "@talend/scripts-core": "^16.8.0",
++  "@talend/scripts-core": "^17.0.0",
+
+-  "@storybook/addon-actions": "^7.6.21",
+-  "@storybook/.*": "^7.6.21",
++  "@storybook/addon-a11y": "^10.1.11",
++  "@storybook/addon-links": "^10.1.11",
++  "@storybook/react": "^10.1.11",
++  "@storybook/react-vite": "^10.1.11",
+-  "@talend/scripts-config-storybook-lib": "^5.8.0",
++  "@talend/scripts-config-storybook-lib": "^6.0.0",
++  "storybook": "^10.1.11"
+}
+```
+
+Then ensure you have update your `.storybook/main.js` and `.storybook/preview` files like this:
+
+- rename to main.mjs to use ESM
+- keep main.ts if it was already in TS.
+
+```js
+// .storybook/main.mjs
+import { createMainConfig } from '@talend/scripts-config-storybook-lib/main';
+
+export default createMainConfig({});
+```
+
+```js
+// .storybook/preview.mjs
+import { createPreviewConfig } from '@talend/scripts-config-storybook-lib/main';
+
+const preview = createPreviewConfig({
+	parameters: {},
+	i18n: {
+		namespaces: [...tuiContainersNamespaces, ...tuiComponentsNamespaces, ...dsNamespaces],
+		remoteLocalesMap: {
+			'tui-containers':
+				'https://statics.cloud.talend.com/@talend/locales-tui-containers/9.1.3/locales/{{lng}}/{{ns}}.json',
+			'tui-components':
+				'https://statics.cloud.talend.com/@talend/locales-tui-components/16.0.1/locales/{{lng}}/{{ns}}.json',
+			'design-system':
+				'https://statics.cloud.talend.com/@talend/locales-design-system/7.15.1/locales/{{lng}}/{{ns}}.json',
+		},
+	},
+	cmf: {
+		modules: [cmfModule],
+		settings: settings,
+	},
+});
+```
+

.changeset/fine-eels-admire.md

@@ -0,0 +1,5 @@
+---
+'@talend/react-containers': patch
+---
+
+fix: migrate SelectObject scss to css

.changeset/frank-moose-fly.md

@@ -1,12 +1,9 @@
 ---
 '@talend/react-faceted-search': major
 '@talend/react-storybook-cmf': major
-'@talend/react-cmf-router': major
 '@talend/react-components': major
 '@talend/react-containers': major
 '@talend/react-forms': major
-'@talend/react-a11y': major
-'@talend/react-cmf': major
 ---
 
-No breaking in terms of API but may be some side effect in your config (like storybook)
+No breaking in terms of API but may be some side effect in your config (like storybook) that can break your test or your build.

.changeset/funky-seas-bathe.md

@@ -0,0 +1,5 @@
+---
+'@talend/react-cmf': patch
+---
+
+fix: check if window is defined

.changeset/funny-garlics-yawn.md

@@ -0,0 +1,5 @@
+---
+'@talend/react-storybook-cmf': major
+---
+
+feat: update to storybook 10

.changeset/lovely-moments-work.md

@@ -0,0 +1,5 @@
+---
+'@talend/scripts-config-storybook-lib': major
+---
+
+feat: migrate to storybook 10

.changeset/moody-apples-notice.md

@@ -7,7 +7,6 @@
 "@talend/react-forms": patch
 "@talend/storybook-docs": patch
 "@talend/ui-storybook-one": patch
-"@talend/scripts-config-storybook-lib": patch
 ---
 
 chore: update storybook

.changeset/moody-rabbits-post.md

@@ -0,0 +1,5 @@
+---
+'@talend/storybook-docs': major
+---
+
+feat: migrate to storybook 10

.changeset/ninety-singers-lead.md

@@ -0,0 +1,5 @@
+---
+'@talend/eslint-config': major
+---
+
+only allow jsx into jsx files

.changeset/red-parts-teach.md

@@ -0,0 +1,5 @@
+---
+'@talend/scripts-config-typescript': major
+---
+
+feat: set moduleResolution to bundler

.changeset/shiny-cooks-itch.md

@@ -0,0 +1,5 @@
+---
+'@talend/design-docs': minor
+---
+
+feat: migrate scss to css

.changeset/strict-squids-sell.md

@@ -0,0 +1,5 @@
+---
+'@talend/react-components': patch
+---
+
+fix: migrate Dialog.scss into css

.github/actions/setup-node/action.yml

@@ -1,17 +1,20 @@
 name: 'Setup nodejs'
 description: 'Setup nodejs'
 author: 'Talend'
-secrets:
+inputs:
   NPM_TOKEN:
-    description: 'The NPM token to use'
+    description: 'Token used for GitHub Packages auth (defaults to GITHUB_TOKEN)'
+    required: true
+
 runs:
   using: 'composite'
   steps:
     - name: Set up Node.js
       uses: actions/setup-node@v4
       with:
         node-version-file: '.tool-versions'
-        registry-url: 'https://npm.pkg.github.com/'
+        # set up auth to read in from env.NODE_AUTH_TOKEN.
+        registry-url: 'https://npm.pkg.github.com'
         scope: '@talend'
 
     - name: Install yarn

.github/workflows/pr-lint.yml

@@ -33,6 +33,8 @@ jobs:
 
       - name: Install
         run: yarn install --frozen-lockfile --ignore-scripts
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
 
       - name: eslint + stylelint
         continue-on-error: true

.github/workflows/pr-test.yml

@@ -29,6 +29,8 @@ jobs:
 
       - name: Install
         run: yarn install --frozen-lockfile
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
 
       - name: Test
         run: yarn test --coverage --coverageReporters json-summary

package.json

@@ -5,6 +5,7 @@
     "@talend/scripts-config-prettier": "^12.5.0",
     "@talend/scripts-core": "^16.8.0",
     "@talend/scripts-yarn-workspace": "^2.2.0",
+    "baseline-browser-mapping": "^2.9.16",
     "cross-env": "^7.0.3",
     "cross-spawn": "^7.0.6",
     "eslint": "^9.39.2",
@@ -29,12 +30,15 @@
     "test:cov": "cross-env TZ=UTC talend-yarn-workspace run test:cov",
     "test:demo": "talend-yarn-workspace run test:demo",
     "test:cron": "talend-yarn-workspace run test:cron",
+    "start-one": "yarn workspace @talend/ui-storybook-one run start",
     "start-components": "yarn workspace @talend/react-components run start",
     "start-containers": "yarn workspace  @talend/react-containers run start",
+    "start-dataviz": "yarn workspace @talend/react-dataviz run start",
     "start-design-system": "yarn workspace @talend/design-system run start",
     "start-stepper": "yarn workspace  @talend/react-stepper run start",
     "start-forms": "yarn workspace  @talend/react-forms run start",
     "start-theme": "yarn workspace @talend/bootstrap-theme run start",
+    "start-icons": "yarn workspace @talend/icons run start-storybook",
     "changelog": "git log --pretty=\"format:%C(bold green)%ad%C(reset) %s\" --date=short --color",
     "prepare": "husky install"
   },

packages/cmf/cmf.d.ts

@@ -0,0 +1,88 @@
+import type { ComponentType, ReactNode } from 'react';
+import type { Store, Dispatch, AnyAction } from 'redux';
+
+export interface CMFContext {
+	store: Store;
+	registry: any;
+	[extra: string]: any;
+}
+
+export interface SagaProps {
+	saga: (...args: any[]) => any;
+	sagaAttributes?: any;
+	children?: ReactNode;
+}
+
+export const App: ComponentType<any>;
+export const Dispatcher: ComponentType<any>;
+export const ErrorBoundary: ComponentType<any>;
+export const Inject: ComponentType<any>;
+export const RegistryProvider: ComponentType<any>;
+export const Saga: ComponentType<SagaProps>;
+export const CmfRegisteredSaga: ComponentType<SagaProps>;
+
+export const actions: any;
+export const action: (...args: any[]) => AnyAction;
+export const actionCreator: {
+	register: (name: string, creator: (...args: any[]) => AnyAction, context?: any) => void;
+	unregister: (name: string) => void;
+	get: (name: string) => (...args: any[]) => AnyAction;
+	[id: string]: any;
+};
+export const bootstrap: (config?: any) => Promise<any>;
+export const cmfConnect: (
+	mapStateToProps?: any,
+	mapDispatchToProps?: any,
+	mergeProps?: any,
+	options?: any,
+) => (Component: ComponentType<any>) => ComponentType<any>;
+export const cmfModule: any;
+export const component: any;
+export const componentState: any;
+export const constants: any;
+export const expression: any;
+export const expressions: any;
+export const localStorage: any;
+export const matchPath: any;
+export const middlewares: any;
+export const onError: any;
+export const reducers: any;
+export const registry: any;
+export const sagas: any;
+export const selectors: any;
+export const settings: any;
+export const store: (...args: any[]) => Store;
+export const mock: any;
+export const useCMFContext: () => CMFContext;
+
+export const getErrorMiddleware: any;
+export const httpMiddleware: any;
+
+declare const cmfDefault: {
+	action: typeof action;
+	actions: typeof actions;
+	actionCreator: typeof actionCreator;
+	bootstrap: typeof bootstrap;
+	component: typeof component;
+	connect: typeof cmfConnect;
+	constants: typeof constants;
+	CmfRegisteredSaga: typeof CmfRegisteredSaga;
+	expression: typeof expression;
+	expressions: typeof expressions;
+	middlewares: typeof middlewares;
+	module: typeof cmfModule;
+	onError: typeof onError;
+	registerInternals: (context?: any) => void;
+	registry: typeof registry;
+	router: {
+		matchPath: typeof matchPath;
+	};
+	Saga: typeof Saga;
+	saga: typeof sagas;
+	sagas: typeof sagas;
+	selectors: typeof selectors;
+	settings: typeof settings;
+	localStorage: typeof localStorage;
+};
+
+export default cmfDefault;

packages/cmf/package.json

@@ -8,16 +8,17 @@
   "exports": {
     ".": {
       "import": "./lib-esm/index.js",
-      "require": "./lib/index.js"
+      "require": "./lib/index.js",
+      "types": "./cmf.d.ts"
     },
     "./lib/*": {
       "import": "./lib-esm/*",
-      "require": "./lib/*"
+      "require": "./lib/*",
+      "types": "./cmf.d.ts"
     }
   },
   "scripts": {
-    "build:lib:esm": "talend-scripts build --esm",
-    "build:lib": "talend-scripts build",
+    "build:lib": "talend-scripts build && talend-scripts build --esm",
     "start": "echo nothing to start",
     "test": "talend-scripts test",
     "test:update": "talend-scripts test -u",

packages/cmf/src/store.js

@@ -21,7 +21,7 @@ const preReducers = [];
 const enhancers = [];
 const middlewares = [thunk, cmfMiddleware, onError.middleware];
 
-if (window) {
+if (typeof window !== 'undefined') {
 	// eslint-disable-next-line no-underscore-dangle
 	if (window.__REDUX_DEVTOOLS_EXTENSION__) {
 		// eslint-disable-next-line no-underscore-dangle

packages/components/.storybook/main.ts

@@ -0,0 +1,3 @@
+import { createMainConfig } from '@talend/scripts-config-storybook-lib/main';
+
+export default createMainConfig();