diff --git a/.changeset/blue-beds-deliver.md b/.changeset/blue-beds-deliver.md
deleted file mode 100644
index 627d2b4acca..00000000000
--- a/.changeset/blue-beds-deliver.md
+++ /dev/null
@@ -1,22 +0,0 @@
----
-'@talend/react-faceted-search': major
-'@talend/design-system': major
-'@talend/react-flow-designer': major
-'@talend/router-bridge': major
-'@talend/react-storybook-cmf': major
-'@talend/react-bootstrap': major
-'@talend/react-cmf-router': major
-'@talend/react-components': major
-'@talend/react-containers': major
-'@talend/react-cmf-cqrs': major
-'@talend/react-dataviz': major
-'@talend/react-stepper': major
-'@talend/react-forms': major
-'@talend/icons': major
-'@talend/react-sagas': major
-'@talend/react-a11y': major
-'@talend/http': major
-'@talend/react-cmf': major
----
-
-React: Upgrade to react 18 and @types/react 18
diff --git a/.changeset/bright-dodos-deny.md b/.changeset/bright-dodos-deny.md
deleted file mode 100644
index 04b4216a504..00000000000
--- a/.changeset/bright-dodos-deny.md
+++ /dev/null
@@ -1,26 +0,0 @@
----
-'@talend/scripts-core': major
-'@talend/scripts-config-jest': major
----
-
-- fix: enforce timer at the end of all tests.
-- feat: mock ally.js has it uses unsupported dom method from jsdom.
-- feat: add jest-axe configuration
-
-
-To support floating-ui/react following issue we have decided to add an afterAll to let floating-ui finish stuff
-https://github.com/floating-ui/floating-ui/issues/1908
-
-
-Breaking changes:
-
-you may have tests where you ask for jest.useFakeTimer without go back to real at some point. This is a side effect and it is not compatible with our change to support floating-ui.
-
-```diff
-jest.useFakeTimers()
-render()
-+jest.useRealTimers()
-```
-
-This will fix an error said your test is still pending after 5000 ms.
-
diff --git a/.changeset/bright-zoos-hug.md b/.changeset/bright-zoos-hug.md
deleted file mode 100644
index ac5a93e247c..00000000000
--- a/.changeset/bright-zoos-hug.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-'@talend/scripts-config-storybook-lib': patch
----
-
-fix: add keys on all items in the decorators
-fix: improve build performance copy/pasted from #4931
\ No newline at end of file
diff --git a/.changeset/chatty-apes-speak.md b/.changeset/chatty-apes-speak.md
deleted file mode 100644
index 0808eee6b14..00000000000
--- a/.changeset/chatty-apes-speak.md
+++ /dev/null
@@ -1,98 +0,0 @@
----
-'@talend/design-system': major
----
-
-chore: remove reakit
-
-* Rewrite components without reakit
-* use `@floating-ui/react` for tooltip, popover
-* export all types and components from the root
-
-Breaking changes:
-* HTML structure output may have changed
-* Some passed props from our component to reakit and not documented as a usage as been removed. If you need a different usage let us knwow, now we own the code
-* Tabs props API has been completly changed
-
-Components changed:
-* Accordion (useId)
-* Clickable (rewrite)
-* Combobox (add as primitive)
-* Disclosure (add as primitive)
-* Divider (rewrite)
-* Drawer (rewrite using `react-transition-group`)
-* Dropdown (rewrite using `@floating-ui/react`)
-* Form/Affix/Button (typings)
-* Form/Affix/Select (useId)
-* Form/Field/Datalist (useId)
-* Form/Field/InputFile (useId)
-* Form/Field/InputToggleSwitch (rewrite)
-* Form/Primitives/Checkbox (rewrite)
-* Form/Primitives/Field (useId)
-* Form/Primitives/Radio (useId)
-* Modal (rewrite Dialog as primitive)
-* Popover (rewrite using `@floating-ui/react`)
-* Switch (rewrite)
-* Tabs (rewrite + props changed)
-* Tooltip (rewrite using `@floating-ui/react` + API Change)
-* VisuallyHidden (rewrite)
-
-
-**Migration Guide**
-
-* Checkbox component
-
- Checkbox has two versions now : controlled one and uncontrolled one.
- To use controlled version, import Checkbox component and provide `checked` and `onChange` props.
- To use uncontrolled version, import UncontrolledCheckbox component and optionally provide `defaultChecked` prop.
-
- We also change way to import it to be less verbose.
-
- Old use
- ```
- import { Form } from '@talend/design-system';
- (...)
-
- ```
-
- New use
- ```
- import { Checkbox, UncontrolledCheckbox } from '@talend/design-system';
- (...)
-
-
- ```
-
-* ToggleSwitch component
-
- ToggleSwitch has two versions now : controlled one and uncontrolled one.
- To use controlled version, import ToggleSwitch component and provide `checked` and `onChange` props.
- To use uncontrolled version, import UncontrolledToggleSwitch component and optionally provide `defaultChecked` prop.
-
- We also change way to import it to be less verbose.
-
- Old use
- ```
- import { Form } from '@talend/design-system';
- (...)
-
- ```
-
- New use
- ```
- import { ToggleSwitch, UncontrolledToggleSwitch } from '@talend/design-system';
- (...)
-
-
- ```
-
-* Switch component
-
- `onChange` prop's signature change from
- ```
- (event: React.MouseEvent, value: string) => void
- ```
- to
- ```
- (value: string) => void
- ```
-
diff --git a/.changeset/famous-hotels-retire.md b/.changeset/famous-hotels-retire.md
deleted file mode 100644
index edaa3eca828..00000000000
--- a/.changeset/famous-hotels-retire.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-'@talend/react-components': minor
-'@talend/design-system': minor
----
-
-feat: upgrade react-is
diff --git a/.changeset/funny-rockets-bake.md b/.changeset/funny-rockets-bake.md
deleted file mode 100644
index 886c1aa178f..00000000000
--- a/.changeset/funny-rockets-bake.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@talend/scripts-config-jest': minor
----
-
-Fix peer dependencies and adapt code to be compatible with pnpm
diff --git a/.changeset/old-bobcats-peel.md b/.changeset/old-bobcats-peel.md
new file mode 100644
index 00000000000..19c61eef7d1
--- /dev/null
+++ b/.changeset/old-bobcats-peel.md
@@ -0,0 +1,54 @@
+---
+'@talend/scripts-config-babel': minor
+'@talend/scripts-config-react-webpack': minor
+'@talend/react-cmf-webpack-plugin': minor
+'@talend/react-faceted-search': minor
+'@talend/storybook-docs': minor
+'@talend/design-system': minor
+'@talend/router-bridge': minor
+'@talend/react-storybook-cmf': minor
+'@talend/ui-storybook-one': minor
+'@talend/react-bootstrap': minor
+'@talend/design-docs': minor
+'@talend/react-cmf-router': minor
+'@talend/react-components': minor
+'@talend/react-containers': minor
+'@talend/scripts-utils': minor
+'@talend/module-to-cdn': minor
+'@talend/scripts-core': minor
+'@talend/react-cmf-cqrs': minor
+'@talend/react-dataviz': minor
+'@talend/react-stepper': minor
+'@talend/react-forms': minor
+'@talend/icons': minor
+'@talend/react-sagas': minor
+'@talend/http': minor
+'@talend/react-cmf': minor
+---
+
+[major]tools/scripts-config-babel: will expose babel.config.js instead of .babelrc.json (you will have to update your config)
+[minor]fork/module-to-cdn: update babel config, remove link to scripts-core to run lint, add missing deps
+[minor]fork/react-bootstrap: update babel config, add missing deps
+[minor]packages/cmf-cqrs: update babel config, add missing deps
+[minor]packages/cmf-router: update babel config, add missing deps
+[minor]packages/cmf: update babel config, add missing deps, fix import of scripts-config-jest
+[minor]packages/components: update babel config, add missing deps, add a tsconfig.build.json to exclude test files
+[minor]packages/containers: update babel config, add missing deps
+[minor]packages/dataviz: update babel config, add missing deps, remove useless config of jest (use the common), fix config issue in tsconfig.json
+[minor]packages/design-docs:update babel config, remove link to design-system (circular dep), add missing deps
+[minor]packages/design-system: update babel config, add missing deps
+[minor]packages/faceted-search: update babel config, add missing deps
+[minor]packages/forms: update babel config, add missing deps
+[minor]packages/http: update babel config, add missing deps, fix tsconfig
+[minor]packages/icons: update babel config, add missing deps, fix scripts, prepare script for pnpm
+[minor]packages/playground: update babel config, add missing deps
+[minor]packages/router-bridge: update babel config, add missing deps
+[minor]packages/sagas: update babel config, add missing deps
+[minor]packages/stepper: update babel config, fix prettier config, add missing deps, add tsconfig.build.json to exclude test
+[minor]packages/storybook-cmf: update babel config, add missing deps
+[minor]packages/storybook-docs: update babel config, add missing deps, remove ref to design-system and icons(circular dep), adapt code for pnpm
+[minor]packages/storybook-one: update babel config, fix for pnpm (not possible to ref a package to itself), add missing deps
+[minor]tools/cmf-webpack-plugin: update babel config, use it's own eslint config (circular dep), add missing deps
+[minor]tools/scripts-config-react-webpack: update ref to babel config, use it's own eslint config (circular dep), adapt code for pnpm
+[minor]tools/scripts-core: update ref to babel config
+[minor]tools/scripts-utils: add missing babel config file, use it's own eslint config (circular dep), fix test to use package existing in the package.json, add missing deps, adapt code for pnpm
diff --git a/.changeset/perfect-mayflies-fly.md b/.changeset/perfect-mayflies-fly.md
deleted file mode 100644
index c93f4971716..00000000000
--- a/.changeset/perfect-mayflies-fly.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@talend/design-system': patch
----
-
-fix TypeError: popover.hide is not a function on close Popover
diff --git a/.changeset/rare-needles-battle.md b/.changeset/rare-needles-battle.md
deleted file mode 100644
index 100a90025b1..00000000000
--- a/.changeset/rare-needles-battle.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@talend/scripts-config-jest': minor
----
-
-feat: mock revokeURL
diff --git a/.changeset/selfish-hairs-tie.md b/.changeset/selfish-hairs-tie.md
deleted file mode 100644
index 0d4e1dd4faf..00000000000
--- a/.changeset/selfish-hairs-tie.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@talend/design-system': patch
----
-
-fix: some lint errors
diff --git a/.changeset/small-kiwis-end.md b/.changeset/small-kiwis-end.md
deleted file mode 100644
index ac2b4b0c516..00000000000
--- a/.changeset/small-kiwis-end.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@talend/scripts-config-storybook-lib': patch
----
-
-fix: icon url to support prefix
diff --git a/.changeset/strange-coats-poke.md b/.changeset/strange-coats-poke.md
deleted file mode 100644
index be4bd59ba79..00000000000
--- a/.changeset/strange-coats-poke.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-'@talend/scripts-config-jest': minor
----
-
-feat: add api to set a fetch MockResponse
-feat: add jest-axe integration
\ No newline at end of file
diff --git a/.changeset/unlucky-cats-fold.md b/.changeset/unlucky-cats-fold.md
deleted file mode 100644
index d59d8aaa317..00000000000
--- a/.changeset/unlucky-cats-fold.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@talend/scripts-config-storybook-lib': minor
----
-
-feat: use icons from talend/icons and not from unpkg
diff --git a/fork/module-to-cdn/.babelrc b/fork/module-to-cdn/.babelrc
deleted file mode 100644
index 0967ef424bc..00000000000
--- a/fork/module-to-cdn/.babelrc
+++ /dev/null
@@ -1 +0,0 @@
-{}
diff --git a/fork/react-bootstrap/CHANGELOG.md b/fork/react-bootstrap/CHANGELOG.md
index f9831540996..c9f1e7ec322 100644
--- a/fork/react-bootstrap/CHANGELOG.md
+++ b/fork/react-bootstrap/CHANGELOG.md
@@ -1,5 +1,11 @@
## [v0.32.5]
+## 2.0.0
+
+### Major Changes
+
+- 96d688489: React: Upgrade to react 18 and @types/react 18
+
## 1.35.2
### Patch Changes
diff --git a/fork/react-bootstrap/package.json b/fork/react-bootstrap/package.json
index cbe5efa072c..da7c083bbcf 100644
--- a/fork/react-bootstrap/package.json
+++ b/fork/react-bootstrap/package.json
@@ -1,6 +1,6 @@
{
"name": "@talend/react-bootstrap",
- "version": "1.35.2",
+ "version": "2.0.0",
"description": "Bootstrap 3 components built with React",
"repository": {
"type": "git",
@@ -43,7 +43,7 @@
"devDependencies": {
"@talend/eslint-config": "^12.1.1",
"@talend/eslint-plugin": "^1.0.1",
- "@talend/scripts-core": "^15.0.0",
+ "@talend/scripts-core": "^16.0.0",
"@talend/scripts-config-babel": "^13.0.0",
"@talend/scripts-config-react-webpack": "^16.0.0",
"@testing-library/jest-dom": "^5.17.0",
diff --git a/packages/a11y/CHANGELOG.md b/packages/a11y/CHANGELOG.md
index e0e74db7528..32eb7549d60 100644
--- a/packages/a11y/CHANGELOG.md
+++ b/packages/a11y/CHANGELOG.md
@@ -1,5 +1,11 @@
# @talend/react-a11y
+## 2.0.0
+
+### Major Changes
+
+- 96d688489: React: Upgrade to react 18 and @types/react 18
+
## 1.1.0
### Minor Changes
diff --git a/packages/a11y/package.json b/packages/a11y/package.json
index 0fd1a529e36..14ff9c39ee3 100644
--- a/packages/a11y/package.json
+++ b/packages/a11y/package.json
@@ -31,7 +31,7 @@
"devDependencies": {
"@talend/eslint-config": "^12.1.1",
"@talend/eslint-plugin": "^1.0.1",
- "@talend/scripts-core": "^15.0.0",
+ "@talend/scripts-core": "^16.0.0",
"@talend/scripts-config-typescript": "^11.1.0",
"@testing-library/react": "^12.1.5",
"@testing-library/user-event": "^13.5.0",
@@ -51,5 +51,5 @@
"publishConfig": {
"access": "public"
},
- "version": "1.1.0"
+ "version": "2.0.0"
}
diff --git a/packages/assets-api/package.json b/packages/assets-api/package.json
index 7db5c1b5c4b..015ca1ca23e 100644
--- a/packages/assets-api/package.json
+++ b/packages/assets-api/package.json
@@ -31,7 +31,7 @@
"@talend/babel-plugin-import-from-index": "^1.5.1",
"@talend/eslint-config": "^12.1.1",
"@talend/eslint-plugin": "^1.0.1",
- "@talend/scripts-core": "^15.0.0",
+ "@talend/scripts-core": "^16.0.0",
"@talend/scripts-config-react-webpack": "^16.0.0",
"@talend/scripts-config-typescript": "^11.1.0",
"@types/node": "^6.14.13",
diff --git a/packages/cmf-cqrs/CHANGELOG.md b/packages/cmf-cqrs/CHANGELOG.md
index 208d7060720..3d6cdd582ca 100644
--- a/packages/cmf-cqrs/CHANGELOG.md
+++ b/packages/cmf-cqrs/CHANGELOG.md
@@ -1,5 +1,16 @@
# @talend/react-cmf-cqrs
+## 10.0.0
+
+### Major Changes
+
+- 96d688489: React: Upgrade to react 18 and @types/react 18
+
+### Patch Changes
+
+- Updated dependencies [96d688489]
+ - @talend/react-cmf@8.0.0
+
## 9.0.2
### Patch Changes
diff --git a/packages/cmf-cqrs/package.json b/packages/cmf-cqrs/package.json
index 060ee4f7a2c..6b792dd49d5 100644
--- a/packages/cmf-cqrs/package.json
+++ b/packages/cmf-cqrs/package.json
@@ -32,7 +32,7 @@
},
"homepage": "https://github.com/Talend/ui/cmf-cqrs#readme",
"dependencies": {
- "@talend/react-cmf": "^7.3.0",
+ "@talend/react-cmf": "^8.0.0",
"@talend/utils": "^2.6.0",
"immutable": "^3.8.2",
"redux-saga": "^1.2.3"
@@ -40,7 +40,7 @@
"devDependencies": {
"@talend/eslint-config": "^12.1.1",
"@talend/eslint-plugin": "^1.0.1",
- "@talend/scripts-core": "^15.0.0",
+ "@talend/scripts-core": "^16.0.0",
"@talend/scripts-config-babel": "^13.0.0",
"@talend/scripts-config-react-webpack": "^16.0.0",
"@talend/scripts-config-typescript": "^11.1.0",
@@ -60,5 +60,5 @@
"publishConfig": {
"access": "public"
},
- "version": "9.0.2"
+ "version": "10.0.0"
}
diff --git a/packages/cmf-router/CHANGELOG.md b/packages/cmf-router/CHANGELOG.md
index 85782daced5..4f501ae4d25 100644
--- a/packages/cmf-router/CHANGELOG.md
+++ b/packages/cmf-router/CHANGELOG.md
@@ -1,5 +1,16 @@
# Changelog
+## 6.0.0
+
+### Major Changes
+
+- 96d688489: React: Upgrade to react 18 and @types/react 18
+
+### Patch Changes
+
+- Updated dependencies [96d688489]
+ - @talend/react-cmf@8.0.0
+
## 5.3.0
### Minor Changes
diff --git a/packages/cmf-router/package.json b/packages/cmf-router/package.json
index 0dd9f20ccd9..b0d79168fd4 100644
--- a/packages/cmf-router/package.json
+++ b/packages/cmf-router/package.json
@@ -1,6 +1,6 @@
{
"name": "@talend/react-cmf-router",
- "version": "5.3.0",
+ "version": "6.0.0",
"description": "",
"main": "lib/index.js",
"author": "Talend Frontend (http://www.talend.com)",
@@ -17,7 +17,7 @@
"lint": "talend-scripts lint"
},
"dependencies": {
- "@talend/react-cmf": "^7.3.0",
+ "@talend/react-cmf": "^8.0.0",
"connected-react-router": "^6.9.3",
"history": "^5.3.0",
"lodash": "^4.17.21",
@@ -36,7 +36,7 @@
"@redux-saga/testing-utils": "^1.1.5",
"@talend/eslint-config": "^12.1.1",
"@talend/eslint-plugin": "^1.0.1",
- "@talend/scripts-core": "^15.0.0",
+ "@talend/scripts-core": "^16.0.0",
"@talend/scripts-config-babel": "^13.0.0",
"@talend/scripts-config-react-webpack": "^16.0.0",
"react": "^18.2.0",
diff --git a/packages/cmf/CHANGELOG.md b/packages/cmf/CHANGELOG.md
index 0e660c7eb9b..91177d8e5f4 100644
--- a/packages/cmf/CHANGELOG.md
+++ b/packages/cmf/CHANGELOG.md
@@ -1,5 +1,11 @@
# @talend/react-cmf
+## 8.0.0
+
+### Major Changes
+
+- 96d688489: React: Upgrade to react 18 and @types/react 18
+
## 7.3.0
### Minor Changes
diff --git a/packages/cmf/package.json b/packages/cmf/package.json
index 1e0e486dae0..96e194c7c84 100644
--- a/packages/cmf/package.json
+++ b/packages/cmf/package.json
@@ -56,9 +56,9 @@
"@redux-saga/testing-utils": "^1.1.5",
"@talend/eslint-config": "^12.1.1",
"@talend/eslint-plugin": "^1.0.1",
- "@talend/scripts-core": "^15.0.0",
+ "@talend/scripts-core": "^16.0.0",
"@talend/scripts-config-babel": "^13.0.0",
- "@talend/scripts-config-jest": "^12.2.0",
+ "@talend/scripts-config-jest": "^13.0.0",
"@talend/scripts-config-react-webpack": "^16.0.0",
"@testing-library/react": "^12.1.5",
"jest-in-case": "^1.0.2",
@@ -76,5 +76,5 @@
"publishConfig": {
"access": "public"
},
- "version": "7.3.0"
+ "version": "8.0.0"
}
diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md
index 7e2ffd66608..a547bdc7900 100644
--- a/packages/components/CHANGELOG.md
+++ b/packages/components/CHANGELOG.md
@@ -1,5 +1,31 @@
# @talend/react-components
+## 12.0.0
+
+### Major Changes
+
+- 96d688489: React: Upgrade to react 18 and @types/react 18
+- 4044f6198: ARCH-662 - Bump i18next from v20 to v23 and react-i18next from v11 to v13
+
+### Minor Changes
+
+- 9a0732ec5: feat: upgrade react-is
+
+### Patch Changes
+
+- da4cf2971: TDOPS-762 - Allow notification message to have long labels with proper overflow
+- Updated dependencies [96d688489]
+- Updated dependencies [9a0732ec5]
+- Updated dependencies [9a0732ec5]
+- Updated dependencies [bacaa4b31]
+- Updated dependencies [4044f6198]
+- Updated dependencies [9a0732ec5]
+ - @talend/design-system@8.0.0
+ - @talend/react-bootstrap@2.0.0
+ - @talend/icons@7.0.0
+ - @talend/react-a11y@2.0.0
+ - @talend/bootstrap-theme@8.2.1
+
## 11.4.5
### Patch Changes
diff --git a/packages/components/i18next-scanner.config.js b/packages/components/i18next-scanner.config.js
index a1a55b236cd..bdde61ae7f6 100644
--- a/packages/components/i18next-scanner.config.js
+++ b/packages/components/i18next-scanner.config.js
@@ -1,9 +1,13 @@
+const typescriptTransform = require('i18next-scanner-typescript');
+
module.exports = {
+ input: ['src/**/*.{js,ts,tsx}', '!src/**/*stories.{js,ts,tsx}'],
options: {
+ compatibilityJSON: 'v4',
debug: true,
func: {
- list: ['t'],
- extensions: ['.js'],
+ list: ['t', 'i18next.t'],
+ extensions: ['.js', '.ts', '.tsx'],
},
lngs: ['en'],
defaultNs: 'tui-components',
@@ -12,4 +16,5 @@ module.exports = {
savePath: 'i18n/{{ns}}.json',
},
},
+ transform: typescriptTransform(),
};
diff --git a/packages/components/package.json b/packages/components/package.json
index beb4c614ea6..0668da1338f 100644
--- a/packages/components/package.json
+++ b/packages/components/package.json
@@ -15,7 +15,7 @@
"test:cov": "cross-env TZ=Europe/Paris talend-scripts test --coverage",
"lint": "talend-scripts lint",
"start": "talend-scripts start -p 6006",
- "extract-i18n": "i18next-scanner --config i18next-scanner.config.js 'src/**/*.js' '!src/**/*.stories.js'"
+ "extract-i18n": "i18next-scanner --config i18next-scanner.config.js"
},
"keywords": [
"react",
@@ -35,11 +35,11 @@
"dependencies": {
"@popperjs/core": "^2.11.8",
"@talend/assets-api": "^1.2.2",
- "@talend/bootstrap-theme": "^8.2.0",
+ "@talend/bootstrap-theme": "^8.2.1",
"@talend/design-tokens": "^2.9.0",
- "@talend/icons": "^6.60.1",
- "@talend/react-a11y": "^1.1.0",
- "@talend/react-bootstrap": "^1.35.2",
+ "@talend/icons": "^7.0.0",
+ "@talend/react-a11y": "^2.0.0",
+ "@talend/react-bootstrap": "^2.0.0",
"@talend/utils": "^2.6.0",
"ally.js": "^1.4.1",
"classnames": "^2.3.2",
@@ -72,16 +72,16 @@
},
"devDependencies": {
"@storybook/addon-actions": "^7.4.1",
- "@talend/bootstrap-theme": "^8.2.0",
- "@talend/design-system": "^7.15.1",
+ "@talend/bootstrap-theme": "^8.2.1",
+ "@talend/design-system": "^8.0.0",
"@talend/eslint-config": "^12.1.1",
"@talend/eslint-plugin": "^1.0.1",
"@talend/locales-design-system": "^7.3.0",
"@talend/locales-tui-components": "^9.5.0",
- "@talend/scripts-core": "^15.0.0",
+ "@talend/scripts-core": "^16.0.0",
"@talend/scripts-config-babel": "^13.0.0",
"@talend/scripts-config-react-webpack": "^16.1.0",
- "@talend/scripts-config-storybook-lib": "^5.0.0",
+ "@talend/scripts-config-storybook-lib": "^5.1.0",
"@talend/scripts-config-typescript": "^11.1.0",
"@testing-library/jest-dom": "^5.17.0",
"@testing-library/react": "^12.1.5",
@@ -96,7 +96,7 @@
"@types/react": "^18.2.8",
"@types/react-dom": "^18.2.4",
"cross-env": "^7.0.3",
- "i18next": "^20.6.1",
+ "i18next": "^23.5.1",
"jest-in-case": "^1.0.2",
"jsdom": "^20.0.3",
"prop-types": "^15.8.1",
@@ -104,20 +104,20 @@
"react-a11y": "^0.3.4",
"react-dom": "^18.2.0",
"react-router-dom": "~6.3.0",
- "react-i18next": "^11.18.6",
+ "react-i18next": "^13.3.0",
"react-storybook-addon-props-combinations": "^1.1.0",
"react-test-renderer": "^18.2.0"
},
"peerDependencies": {
- "@talend/design-system": "^7.15.1",
- "i18next": "^20.1.0",
+ "@talend/design-system": "^8.0.0",
+ "i18next": "^23.5.1",
"prop-types": "^15.5.10",
"react": ">= 16.14.0",
"react-dom": ">= 16.14.0",
- "react-i18next": "^11.18.6"
+ "react-i18next": "^13.3.0"
},
"publishConfig": {
"access": "public"
},
- "version": "11.4.5"
+ "version": "12.0.0"
}
diff --git a/packages/components/src/List/ListComposition/ItemsNumber/ItemsNumber.component.js b/packages/components/src/List/ListComposition/ItemsNumber/ItemsNumber.component.js
index 52698e66f73..a9f8160036e 100644
--- a/packages/components/src/List/ListComposition/ItemsNumber/ItemsNumber.component.js
+++ b/packages/components/src/List/ListComposition/ItemsNumber/ItemsNumber.component.js
@@ -10,14 +10,14 @@ function ItemsNumber(props) {
? labelSelected ||
t('LIST_TOOLBAR_NUMBER_OF_SELECTED_ITEMS', {
defaultValue: '{{count}}/{{total}} item',
- defaultValue_plural: '{{count}}/{{total}} items',
+ defaultValue_other: '{{count}}/{{total}} items',
count: selected,
total: totalItems,
})
: label ||
t('LIST_TOOLBAR_TOTAL_NUMBER_OF_ITEMS', {
defaultValue: '{{count}} item',
- defaultValue_plural: '{{count}} items',
+ defaultValue_other: '{{count}} items',
count: totalItems,
})}
diff --git a/packages/components/src/List/Toolbar/ItemsNumber/ItemsNumber.component.js b/packages/components/src/List/Toolbar/ItemsNumber/ItemsNumber.component.js
index 5f28cddf31c..25674d46e3a 100644
--- a/packages/components/src/List/Toolbar/ItemsNumber/ItemsNumber.component.js
+++ b/packages/components/src/List/Toolbar/ItemsNumber/ItemsNumber.component.js
@@ -8,14 +8,14 @@ function ItemsNumber({ id, totalItems, selected, label, labelSelected, t }) {
? labelSelected ||
t('LIST_TOOLBAR_NUMBER_OF_SELECTED_ITEMS', {
defaultValue: '{{count}}/{{total}} item',
- defaultValue_plural: '{{count}}/{{total}} items',
+ defaultValue_other: '{{count}}/{{total}} items',
count: selected,
total: totalItems,
})
: label ||
t('LIST_TOOLBAR_TOTAL_NUMBER_OF_ITEMS', {
defaultValue: '{{count}} item',
- defaultValue_plural: '{{count}} items',
+ defaultValue_other: '{{count}} items',
count: totalItems,
})}
diff --git a/packages/components/src/Notification/Notification.module.scss b/packages/components/src/Notification/Notification.module.scss
index 0832948d62c..d6178da6e2d 100644
--- a/packages/components/src/Notification/Notification.module.scss
+++ b/packages/components/src/Notification/Notification.module.scss
@@ -85,6 +85,7 @@ $tc-notification-icon-size: $svg-md-size !default;
&-message {
margin-right: $padding-larger;
font-size: $font-size-small;
+ word-break: break-all;
&:last-of-type {
margin-bottom: 0;
diff --git a/packages/components/src/Notification/Notification.stories.js b/packages/components/src/Notification/Notification.stories.js
index 3ac0e76f927..3de4030afb6 100644
--- a/packages/components/src/Notification/Notification.stories.js
+++ b/packages/components/src/Notification/Notification.stories.js
@@ -15,7 +15,7 @@ class NotificationWrapper extends Component {
type: 'info',
title: 'Story 1 example title',
message:
- 'This is a feedback of your operation1, This is a feedback of your operation1, This is a feedback of your operation1',
+ 'This is a feedback of your operationlongnameverylongnamethatwhillbreakwork1, This is a feedback of your operation1, This is a feedback of your operation1',
action: {
label: 'Haha',
icon: 'talend-undo',
diff --git a/packages/components/src/ObjectViewer/JSONLike/JSONLike.component.js b/packages/components/src/ObjectViewer/JSONLike/JSONLike.component.js
index f600c0d53c1..7b92c2dc295 100644
--- a/packages/components/src/ObjectViewer/JSONLike/JSONLike.component.js
+++ b/packages/components/src/ObjectViewer/JSONLike/JSONLike.component.js
@@ -334,7 +334,7 @@ function UntranslatedComplexItem(props) {
className={`${theme.badge} badge`}
aria-label={t('TC_OBJECT_VIEWER_NB_CHILD', {
defaultValue: 'Contains {{count}} child object',
- defaultValue_plural: 'Contains {{count}} child objects',
+ defaultValue_other: 'Contains {{count}} child objects',
count: info.length,
})}
>
diff --git a/packages/components/src/QualityBar/QualityRatioBar.component.tsx b/packages/components/src/QualityBar/QualityRatioBar.component.tsx
index 899d3af112f..fe3b5aa5b74 100644
--- a/packages/components/src/QualityBar/QualityRatioBar.component.tsx
+++ b/packages/components/src/QualityBar/QualityRatioBar.component.tsx
@@ -60,7 +60,7 @@ export function QualityInvalidLine({ percentage, value, ...rest }: SpecificQuali
type={QualityType.INVALID}
tooltipLabel={t('INVALID_VALUES', {
defaultValue: '{{value}} invalid value ({{percentage}}%)',
- defaultValue_plural: '{{value}} invalid values ({{percentage}}%)',
+ defaultValue_other: '{{value}} invalid values ({{percentage}}%)',
count: value,
percentage,
value: formatNumber(value),
@@ -80,7 +80,7 @@ export function QualityValidLine({ percentage, value, ...rest }: SpecificQuality
type={QualityType.VALID}
tooltipLabel={t('VALID_VALUES', {
defaultValue: '{{value}} valid value ({{percentage}}%)',
- defaultValue_plural: '{{value}} valid values ({{percentage}}%)',
+ defaultValue_other: '{{value}} valid values ({{percentage}}%)',
count: value,
percentage,
value: formatNumber(value),
@@ -100,7 +100,7 @@ export function QualityEmptyLine({ percentage, value, ...rest }: SpecificQuality
type={QualityType.EMPTY}
tooltipLabel={t('EMPTY_VALUES', {
defaultValue: '{{value}} empty value ({{percentage}}%)',
- defaultValue_plural: '{{value}} empty values ({{percentage}}%)',
+ defaultValue_other: '{{value}} empty values ({{percentage}}%)',
count: value,
percentage,
value: formatNumber(value),
@@ -120,7 +120,7 @@ export function QualityNotApplicableLine({ percentage, value, ...rest }: Specifi
type={QualityType.NA}
tooltipLabel={t('NOT_APPLICABLE_VALUES', {
defaultValue: '{{value}} not applicable value ({{percentage}}%)',
- defaultValue_plural: '{{value}} not applicable values ({{percentage}}%)',
+ defaultValue_other: '{{value}} not applicable values ({{percentage}}%)',
count: value,
percentage,
value: formatNumber(value),
diff --git a/packages/components/src/Skeleton/Skeleton.component.tsx b/packages/components/src/Skeleton/Skeleton.component.tsx
index 74a4b1e0c78..39f8a27c90c 100644
--- a/packages/components/src/Skeleton/Skeleton.component.tsx
+++ b/packages/components/src/Skeleton/Skeleton.component.tsx
@@ -3,6 +3,7 @@ import Icon from '../Icon';
import skeletonCssModule from './Skeleton.module.scss';
import { getTheme } from '../theme';
import I18N_DOMAIN_COMPONENTS from '../constants';
+import { TFunction } from 'i18next';
const theme = getTheme(skeletonCssModule);
const TYPES = {
@@ -19,11 +20,7 @@ const SIZES = {
small: 'small',
};
-function getTranslatedType(
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
- t: (msgId: string, opts: any) => string,
- type: (typeof TYPES)[keyof typeof TYPES],
-) {
+function getTranslatedType(t: TFunction, type: (typeof TYPES)[keyof typeof TYPES]) {
switch (type) {
case TYPES.button:
return t('SKELETON_TYPE_BUTTON', { defaultValue: 'button' });
diff --git a/packages/containers/CHANGELOG.md b/packages/containers/CHANGELOG.md
index 08d296ce8e3..6f8ae9db8cf 100644
--- a/packages/containers/CHANGELOG.md
+++ b/packages/containers/CHANGELOG.md
@@ -1,5 +1,23 @@
# @talend/react-containers
+## 10.0.0
+
+### Major Changes
+
+- 96d688489: React: Upgrade to react 18 and @types/react 18
+- 4044f6198: ARCH-662 - Bump i18next from v20 to v23 and react-i18next from v11 to v13
+
+### Patch Changes
+
+- Updated dependencies [96d688489]
+- Updated dependencies [9a0732ec5]
+- Updated dependencies [da4cf2971]
+- Updated dependencies [4044f6198]
+ - @talend/react-bootstrap@2.0.0
+ - @talend/react-components@12.0.0
+ - @talend/react-forms@11.0.0
+ - @talend/react-cmf@8.0.0
+
## 9.1.3
### Patch Changes
diff --git a/packages/containers/i18next-scanner.config.js b/packages/containers/i18next-scanner.config.js
index d275116f938..3cbf24d8592 100644
--- a/packages/containers/i18next-scanner.config.js
+++ b/packages/containers/i18next-scanner.config.js
@@ -1,9 +1,11 @@
module.exports = {
+ input: ['src/**/*.{js,jsx}', '!src/**/*stories.{js,jsx}'],
options: {
+ compatibilityJSON: 'v4',
debug: true,
func: {
- list: ['t'],
- extensions: ['.js'],
+ list: ['t', 'i18next.t'],
+ extensions: ['.js', '.jsx'],
},
lngs: ['en'],
defaultNs: 'tui-containers',
diff --git a/packages/containers/package.json b/packages/containers/package.json
index 076c9dd360f..5889ffe1aad 100644
--- a/packages/containers/package.json
+++ b/packages/containers/package.json
@@ -15,7 +15,7 @@
"test:cov": "talend-scripts test --coverage",
"test:demo": "talend-scripts build-storybook --quiet",
"lint": "talend-scripts lint",
- "extract-i18n": "i18next-scanner --config i18next-scanner.config.js 'src/**/*.js' '!src/**/*.stories.js'"
+ "extract-i18n": "i18next-scanner --config i18next-scanner.config.js"
},
"keywords": [
"react",
@@ -33,11 +33,11 @@
"url": "https://github.com/Talend/ui.git"
},
"dependencies": {
- "@talend/design-system": "^7.15.1",
- "@talend/react-bootstrap": "^1.35.2",
- "@talend/react-cmf": "^7.3.0",
- "@talend/react-components": "^11.4.0",
- "@talend/react-forms": "^10.2.4",
+ "@talend/design-system": "^8.0.0",
+ "@talend/react-bootstrap": "^2.0.0",
+ "@talend/react-cmf": "^8.0.0",
+ "@talend/react-components": "^12.0.0",
+ "@talend/react-forms": "^11.0.0",
"@talend/utils": "^2.6.0",
"classnames": "^2.3.2",
"immutable": "^3.8.2",
@@ -51,36 +51,36 @@
},
"devDependencies": {
"@storybook/addon-actions": "^7.4.1",
- "@talend/bootstrap-theme": "^8.1.3",
- "@talend/icons": "^6.60.1",
+ "@talend/bootstrap-theme": "^8.2.1",
+ "@talend/icons": "^7.0.0",
"@talend/locales-tui-containers": "^8.0.2",
- "@talend/react-storybook-cmf": "^7.2.0",
+ "@talend/react-storybook-cmf": "^8.0.0",
"@talend/eslint-config": "^12.1.1",
"@talend/eslint-plugin": "^1.0.1",
- "@talend/scripts-core": "^15.0.0",
+ "@talend/scripts-core": "^16.0.0",
"@talend/scripts-config-babel": "^13.0.0",
- "@talend/scripts-config-storybook-lib": "^5.0.0",
+ "@talend/scripts-config-storybook-lib": "^5.1.0",
"@talend/scripts-config-react-webpack": "^16.0.0",
"@testing-library/react": "^12.1.5",
"@testing-library/user-event": "^13.5.0",
- "i18next": "^20.6.1",
+ "i18next": "^23.5.1",
"jest-in-case": "^1.0.2",
"prop-types": "^15.8.1",
"react": "^18.2.0",
"react-dom": "^18.2.0",
- "react-i18next": "^11.18.6",
+ "react-i18next": "^13.3.0",
"react-test-renderer": "^18.2.0",
"redux-saga-tester": "^1.0.874"
},
"peerDependencies": {
- "i18next": "^20.1.0",
+ "i18next": "^23.5.1",
"prop-types": "^15.5.10",
"react": ">= 16.14.0",
"react-dom": ">= 16.14.0",
- "react-i18next": "^11.18.6"
+ "react-i18next": "^13.3.0"
},
"publishConfig": {
"access": "public"
},
- "version": "9.1.3"
+ "version": "10.0.0"
}
diff --git a/packages/dataviz/CHANGELOG.md b/packages/dataviz/CHANGELOG.md
index 5cdbeb6b0ee..0bfcb265497 100755
--- a/packages/dataviz/CHANGELOG.md
+++ b/packages/dataviz/CHANGELOG.md
@@ -1,5 +1,20 @@
# Changelog
+## 4.0.0
+
+### Major Changes
+
+- 96d688489: React: Upgrade to react 18 and @types/react 18
+- 4044f6198: ARCH-662 - Bump i18next from v20 to v23 and react-i18next from v11 to v13
+
+### Patch Changes
+
+- Updated dependencies [96d688489]
+- Updated dependencies [9a0732ec5]
+- Updated dependencies [da4cf2971]
+- Updated dependencies [4044f6198]
+ - @talend/react-components@12.0.0
+
## 3.0.1
### Patch Changes
diff --git a/packages/dataviz/i18next-scanner.config.js b/packages/dataviz/i18next-scanner.config.js
index d6962e50afc..1a8db6d8bcd 100755
--- a/packages/dataviz/i18next-scanner.config.js
+++ b/packages/dataviz/i18next-scanner.config.js
@@ -1,16 +1,20 @@
+const typescriptTransform = require('i18next-scanner-typescript');
+
module.exports = {
- input: ['tmp/**/*.{js,jsx}'],
+ input: ['src/**/*.{js,ts,tsx}', '!src/**/*stories.{js,ts,tsx}'],
options: {
+ compatibilityJSON: 'v4',
debug: true,
func: {
- list: ['t'],
- extensions: ['.js', '.jsx'],
+ list: ['t', 'i18next.t'],
+ extensions: ['.js', '.ts', '.tsx'],
},
lngs: ['en'],
defaultNs: 'tui-dataviz',
defaultValue: '__STRING_NOT_TRANSLATED__',
resource: {
- savePath: 'i18n-extract/{{ns}}.json',
+ savePath: 'i18n/{{ns}}.json',
},
},
+ transform: typescriptTransform(),
};
diff --git a/packages/dataviz/package.json b/packages/dataviz/package.json
index fad1788b16c..49e61d0de78 100644
--- a/packages/dataviz/package.json
+++ b/packages/dataviz/package.json
@@ -1,6 +1,6 @@
{
"name": "@talend/react-dataviz",
- "version": "3.0.1",
+ "version": "4.0.0",
"description": "Talend charts and visualization components",
"main": "lib/index.js",
"mainSrc": "src/index.ts",
@@ -12,7 +12,7 @@
"build:umd:prod": "talend-scripts build --umd",
"build:lib": "talend-scripts build",
"build-storybook": "talend-scripts build-storybook",
- "extract-i18n": "tsc --jsx preserve --outDir tmp && i18next-scanner && rm -rf tmp",
+ "extract-i18n": "i18next-scanner --config i18next-scanner.config.js",
"lint": "talend-scripts lint",
"start": "talend-scripts start-storybook -p 6006",
"test": "cross-env TZ=Europe/Paris talend-scripts test",
@@ -36,7 +36,7 @@
},
"dependencies": {
"@talend/assets-api": "^1.2.2",
- "@talend/react-components": "^11.4.0",
+ "@talend/react-components": "^12.0.0",
"@talend/design-tokens": "^2.9.0",
"classnames": "^2.3.2",
"d3": "^7.8.5",
@@ -49,18 +49,18 @@
"devDependencies": {
"@cypress/react": "^7.0.3",
"@cypress/webpack-dev-server": "^3.6.1",
- "@talend/bootstrap-theme": "^8.1.3",
- "@talend/design-system": "^7.15.1",
+ "@talend/bootstrap-theme": "^8.2.1",
+ "@talend/design-system": "^8.0.0",
"@talend/eslint-config": "^12.1.1",
"@talend/eslint-plugin": "^1.0.1",
- "@talend/icons": "^6.60.1",
+ "@talend/icons": "^7.0.0",
"@talend/locales-tui-components": "^9.5.0",
"@talend/locales-tui-dataviz": "^0.4.6",
- "@talend/react-components": "^11.4.0",
- "@talend/scripts-core": "^15.0.0",
+ "@talend/react-components": "^12.0.0",
+ "@talend/scripts-core": "^16.0.0",
"@talend/scripts-config-babel": "^13.0.0",
"@talend/scripts-config-react-webpack": "^16.0.0",
- "@talend/scripts-config-storybook-lib": "^5.0.0",
+ "@talend/scripts-config-storybook-lib": "^5.1.0",
"@talend/scripts-config-typescript": "^11.1.0",
"@testing-library/react": "^12.1.5",
"@testing-library/cypress": "^9.0.0",
@@ -76,15 +76,15 @@
"@types/topojson-specification": "^1.0.3",
"cypress": "^12.17.4",
"cross-env": "^7.0.3",
- "i18next": "^20.6.1",
+ "i18next": "^23.5.1",
"react": "^18.2.0",
"react-dom": "^18.2.0",
- "react-i18next": "^11.18.6"
+ "react-i18next": "^13.3.0"
},
"peerDependencies": {
- "i18next": "^20.1.0",
+ "i18next": "^23.5.1",
"react": ">= 16.14.0",
- "react-i18next": "^11.18.6"
+ "react-i18next": "^13.3.0"
},
"publishConfig": {
"access": "public"
diff --git a/packages/dataviz/talend-i18n.json b/packages/dataviz/talend-i18n.json
index dccfa948614..ee0fe03fd17 100755
--- a/packages/dataviz/talend-i18n.json
+++ b/packages/dataviz/talend-i18n.json
@@ -2,7 +2,7 @@
"extract": {
"method": "yarn",
"script": "extract-i18n",
- "target": "./i18n-extract",
+ "target": "./i18n",
"transform": "flatten"
},
"load": {
diff --git a/packages/design-docs/CHANGELOG.md b/packages/design-docs/CHANGELOG.md
new file mode 100644
index 00000000000..63815b402cd
--- /dev/null
+++ b/packages/design-docs/CHANGELOG.md
@@ -0,0 +1,19 @@
+# @talend/design-docs
+
+## 2.0.0
+
+### Major Changes
+
+- 4044f6198: ARCH-662 - Bump i18next from v20 to v23 and react-i18next from v11 to v13
+
+### Patch Changes
+
+- Updated dependencies [96d688489]
+- Updated dependencies [9a0732ec5]
+- Updated dependencies [9a0732ec5]
+- Updated dependencies [bacaa4b31]
+- Updated dependencies [4044f6198]
+- Updated dependencies [9a0732ec5]
+ - @talend/design-system@8.0.0
+ - @talend/icons@7.0.0
+ - @talend/storybook-docs@2.0.0
diff --git a/packages/design-docs/package.json b/packages/design-docs/package.json
index e26f0047e92..07763cc81b9 100644
--- a/packages/design-docs/package.json
+++ b/packages/design-docs/package.json
@@ -1,6 +1,6 @@
{
"name": "@talend/design-docs",
- "version": "1.3.0",
+ "version": "2.0.0",
"description": "Package containing design.talend.com stories",
"homepage": "https://github.com/Talend/ui#readme",
"main": "src/index.ts",
@@ -23,10 +23,10 @@
"@algolia/autocomplete-js": "^1.9.4",
"@storybook/blocks": "^7.4.1",
"@storybook/react": "^7.4.1",
- "@talend/design-system": "^7.15.1",
+ "@talend/design-system": "^8.0.0",
"@talend/design-tokens": "^2.9.0",
- "@talend/storybook-docs": "^1.2.0",
- "@talend/icons": "^6.60.1",
+ "@talend/storybook-docs": "^2.0.0",
+ "@talend/icons": "^7.0.0",
"algoliasearch": "^4.17.2",
"classnames": "^2.3.1",
"color-contrast-checker": "^2.1.0",
@@ -57,12 +57,12 @@
"@talend/locales-tui-containers": "^8.0.2",
"@talend/locales-tui-faceted-search": "^8.1.2",
"@talend/locales-tui-forms": "^9.0.1",
- "@talend/scripts-core": "^15.0.0",
+ "@talend/scripts-core": "^16.0.0",
"@talend/scripts-config-babel": "^13.0.0",
- "@talend/scripts-config-storybook-lib": "^5.0.0",
+ "@talend/scripts-config-storybook-lib": "^5.1.0",
"@talend/scripts-config-typescript": "^11.1.0",
"@types/react": "^18.2.7",
- "i18next": "^20.6.1",
+ "i18next": "^23.5.1",
"mdx-embed": "^1.1.2",
"react": "^18.2.0",
"react-dom": "^18.2.0",
diff --git a/packages/design-system/CHANGELOG.md b/packages/design-system/CHANGELOG.md
index b55404a1c40..c9df1742969 100644
--- a/packages/design-system/CHANGELOG.md
+++ b/packages/design-system/CHANGELOG.md
@@ -1,5 +1,92 @@
# @talend/design-system
+## 8.0.0
+
+### Major Changes
+
+- 96d688489: React: Upgrade to react 18 and @types/react 18
+- 9a0732ec5: chore: remove reakit
+
+ - Rewrite components without reakit
+ - use `@floating-ui/react` for tooltip, popover
+ - export all types and components from the root
+
+ Breaking changes:
+
+ - HTML structure output may have changed
+ - Some passed props from our component to reakit and not documented as a usage as been removed. If you need a different usage let us knwow, now we own the code
+ - Tabs props API has been completly changed
+
+ Components changed:
+
+ - Accordion (useId)
+ - Clickable (rewrite)
+ - Combobox (add as primitive)
+ - Disclosure (add as primitive)
+ - Divider (rewrite)
+ - Drawer (rewrite using `react-transition-group`)
+ - Dropdown (rewrite using `@floating-ui/react`)
+ - Form/Affix/Button (typings)
+ - Form/Affix/Select (useId)
+ - Form/Field/Datalist (useId)
+ - Form/Field/InputFile (useId)
+ - Form/Field/InputToggleSwitch (rewrite)
+ - Form/Primitives/Checkbox (rewrite)
+ - Form/Primitives/Field (useId)
+ - Form/Primitives/Radio (useId)
+ - Modal (rewrite Dialog as primitive)
+ - Popover (rewrite using `@floating-ui/react`)
+ - Switch (rewrite)
+ - Tabs (rewrite + props changed with old API support)
+ - Tooltip (rewrite using `@floating-ui/react` + API Change)
+ - VisuallyHidden (rewrite)
+
+ ## Migration Guide
+
+ ### Checkbox component
+
+ Checkbox support now control and uncontrolled mode.
+ To use controlled version, provide `checked` and `onChange` props.
+ To use uncontrolled version, you can provide optional `defaultChecked` prop.
+
+ We also change way to import it to be less verbose.
+
+ ### ToggleSwitch component
+
+ ToggleSwitch now support controlled and uncontrolled mode.
+ To use controlled version provide `checked` and `onChange` props.
+ To use uncontrolled version, you can just provide optional provide `defaultChecked` prop.
+
+ ### Tabs component
+
+ Previous API with the `tabs` props. TabsKit has been removed. We encourage you to use the following API:
+
+ ```javascript
+
+
+
+
+
+
+ Tab content for Home
+ Tab content for Profile
+ Tab content for Contact
+
+ ```
+
+- 4044f6198: ARCH-662 - Bump i18next from v20 to v23 and react-i18next from v11 to v13
+
+### Minor Changes
+
+- 9a0732ec5: feat: upgrade react-is
+
+### Patch Changes
+
+- bacaa4b31: fix TypeError: popover.hide is not a function on close Popover
+- 9a0732ec5: fix: some lint errors
+- Updated dependencies [96d688489]
+ - @talend/icons@7.0.0
+
## 7.15.1
### Patch Changes
diff --git a/packages/design-system/i18next-scanner.config.js b/packages/design-system/i18next-scanner.config.js
index 49e651adfe3..20d11896cdc 100644
--- a/packages/design-system/i18next-scanner.config.js
+++ b/packages/design-system/i18next-scanner.config.js
@@ -2,12 +2,13 @@
const typescriptTransform = require('i18next-scanner-typescript');
module.exports = {
- input: ['src/**/*.{ts,tsx}'],
+ input: ['src/**/*.{ts,tsx}', '!src/**/*stories.{ts,tsx}'],
options: {
+ compatibilityJSON: 'v4',
debug: true,
func: {
list: ['t', 'i18next.t'],
- extensions: ['.js'],
+ extensions: ['.js', '.ts', '.tsx'],
},
lngs: ['en'],
defaultNs: 'design-system',
diff --git a/packages/design-system/package.json b/packages/design-system/package.json
index 612af697be1..32506ac47c1 100644
--- a/packages/design-system/package.json
+++ b/packages/design-system/package.json
@@ -1,6 +1,6 @@
{
"name": "@talend/design-system",
- "version": "7.15.1",
+ "version": "8.0.0",
"description": "Talend Design System",
"main": "lib/index.js",
"types": "lib/index.d.ts",
@@ -62,17 +62,17 @@
"@storybook/testing-library": "^0.2.0",
"@storybook/theming": "^7.4.1",
"@svgr/webpack": "^5.5.0",
- "@talend/bootstrap-theme": "^8.1.3",
+ "@talend/bootstrap-theme": "^8.2.1",
"@talend/eslint-config": "^12.1.1",
"@talend/eslint-plugin": "^1.0.1",
- "@talend/icons": "^6.60.1",
+ "@talend/icons": "^7.0.0",
"@talend/locales-design-system": "^7.3.0",
- "@talend/scripts-core": "^15.0.0",
+ "@talend/scripts-core": "^16.0.0",
"@talend/scripts-config-babel": "^13.0.0",
"@talend/scripts-config-react-webpack": "^16.0.0",
- "@talend/scripts-config-storybook-lib": "^5.0.0",
+ "@talend/scripts-config-storybook-lib": "^5.1.0",
"@talend/scripts-config-typescript": "^11.1.0",
- "@talend/storybook-docs": "^1.2.0",
+ "@talend/storybook-docs": "^2.0.0",
"@testing-library/cypress": "^9.0.0",
"@types/classnames": "^2.3.1",
"@types/jest-axe": "^3.5.6",
@@ -86,7 +86,7 @@
"core-js": "^3.32.2",
"cypress": "^12.17.4",
"focus-outline-manager": "^1.0.2",
- "i18next": "^20.6.1",
+ "i18next": "^23.5.1",
"i18next-scanner": "^4.4.0",
"i18next-scanner-typescript": "^1.1.1",
"jest-axe": "^8.0.0",
@@ -94,19 +94,19 @@
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-helmet": "^6.1.0",
- "react-i18next": "^11.18.6",
+ "react-i18next": "^13.3.0",
"react-is": "^17.0.0",
"react-router-dom": "~6.3.0",
"storybook-docs-toc": "^1.7.0"
},
"peerDependencies": {
- "@talend/icons": "^6.52.0",
+ "@talend/icons": "^7.0.0",
"@talend/locales-design-system": "^7.3.0",
"@testing-library/react": "^12.1.5",
- "i18next": "^20.1.0",
+ "i18next": "^23.5.1",
"react": "^16.14.0 || ^17.0.0 || ^18.0.0",
"react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0",
- "react-i18next": "^11.18.6",
+ "react-i18next": "^13.3.0",
"react-is": "^16.13.1 || ^17.0.0 || ^18.0.0"
}
}
diff --git a/packages/design-system/src/components/Form/Primitives/Checkbox/Checkbox.tsx b/packages/design-system/src/components/Form/Primitives/Checkbox/Checkbox.tsx
index 9195b8976a8..3b3f2ea9e03 100644
--- a/packages/design-system/src/components/Form/Primitives/Checkbox/Checkbox.tsx
+++ b/packages/design-system/src/components/Form/Primitives/Checkbox/Checkbox.tsx
@@ -7,7 +7,6 @@ import {
useRef,
useImperativeHandle,
} from 'react';
-import { ReactI18NextChild } from 'react-i18next';
import classnames from 'classnames';
import { useId } from '../../../../useId';
@@ -23,7 +22,7 @@ type CheckboxProps = InputHTMLAttributes & {
export type CheckboxPrimitiveType = Omit & {
id?: string;
indeterminate?: boolean;
- label: string | ReactElement | ReactI18NextChild;
+ label: string | ReactElement;
isInline?: boolean;
name: string;
};
diff --git a/packages/design-system/src/components/Form/Primitives/Label/Label.tsx b/packages/design-system/src/components/Form/Primitives/Label/Label.tsx
index 626756b4a88..f1a1487df7c 100644
--- a/packages/design-system/src/components/Form/Primitives/Label/Label.tsx
+++ b/packages/design-system/src/components/Form/Primitives/Label/Label.tsx
@@ -1,11 +1,10 @@
import { forwardRef, LabelHTMLAttributes, ReactElement, Ref } from 'react';
import classnames from 'classnames';
import styles from './Label.module.scss';
-import { ReactI18NextChild } from 'react-i18next';
export type LabelPrimitiveProps =
| LabelHTMLAttributes & {
- children: string | ReactElement | ReactI18NextChild;
+ children: string | ReactElement;
inline?: boolean;
required?: boolean;
};
diff --git a/packages/design-system/src/components/Switch/Switch.tsx b/packages/design-system/src/components/Switch/Switch.tsx
index 6d5468f2b08..15033d7e59e 100644
--- a/packages/design-system/src/components/Switch/Switch.tsx
+++ b/packages/design-system/src/components/Switch/Switch.tsx
@@ -17,7 +17,6 @@ export type SwitchProps = PropsWithChildren,
checked?: boolean;
disabled?: boolean;
readOnly?: boolean;
- // Redefine onChange prop
onChange?: (event: MouseEvent, selectedValue: string) => void;
};
diff --git a/packages/design-system/src/components/Tabs/Primitive/TabPanel.tsx b/packages/design-system/src/components/Tabs/Primitive/TabPanel.tsx
index b9e8ff73d25..fda169b4cae 100644
--- a/packages/design-system/src/components/Tabs/Primitive/TabPanel.tsx
+++ b/packages/design-system/src/components/Tabs/Primitive/TabPanel.tsx
@@ -1,7 +1,7 @@
import { useContext } from 'react';
import { TabsInternalContext } from './TabsProvider';
-type TabPanelPropTypes = {
+export type TabPanelPropTypes = {
id: string;
children: React.ReactNode | React.ReactNode[];
renderIf?: boolean;
diff --git a/packages/design-system/src/components/Tabs/Primitive/TabsProvider.tsx b/packages/design-system/src/components/Tabs/Primitive/TabsProvider.tsx
index ff899fc2a46..868f635515e 100644
--- a/packages/design-system/src/components/Tabs/Primitive/TabsProvider.tsx
+++ b/packages/design-system/src/components/Tabs/Primitive/TabsProvider.tsx
@@ -8,6 +8,7 @@ export type TabsProviderPropTypes = {
activeKey?: string;
onSelect?: (event: any, key: string) => void;
size?: string;
+ id?: string;
};
type WithChildren = {
@@ -29,7 +30,7 @@ export function TabsProvider(props: TabsProviderPropTypes & WithChildren) {
},
});
return (
-