Merge branch 'master' of github.com:Talend/ui into dcaldeira/feature/…

…TDC-7256-fix-stepper-layout
Talend · Jul 31, 2023 · ea31db2 · ea31db2
2 parents e042451 + b36165a
commit ea31db2
Show file tree

Hide file tree

Showing 32 changed files with 7,125 additions and 6,010 deletions.
diff --git a/.changeset/clever-snails-whisper.md b/.changeset/clever-snails-whisper.md
diff --git a/.changeset/hungry-parrots-mate.md b/.changeset/hungry-parrots-mate.md
diff --git a/.changeset/long-pigs-lie.md b/.changeset/long-pigs-lie.md
diff --git a/.changeset/old-onions-remain.md b/.changeset/old-onions-remain.md
@@ -0,0 +1,5 @@
+---
+'@talend/design-tokens': minor
+---
+
+feat: add brand & info tokens
diff --git a/fork/module-to-cdn/CHANGELOG.md b/fork/module-to-cdn/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @talend/module-to-cdn
 
+## 9.9.0
+
+### Minor Changes
+
+-   f65073eb9: feat: add ace-builds
+
 ## 9.8.5
 
 ### Patch Changes

diff --git a/fork/module-to-cdn/package.json b/fork/module-to-cdn/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@talend/module-to-cdn",
-  "version": "9.8.5",
+  "version": "9.9.0",
   "description": "Get cdn config from npm module name",
   "license": "MIT",
   "repository": "https://github.com/Talend/ui",

diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md
@@ -1,5 +1,24 @@
 # @talend/react-components
 
+## 11.1.2
+
+### Patch Changes
+
+- 62bcde608: fix: setup the interactive stuff in accent color for the subheader bar
+
+## 11.1.1
+
+### Patch Changes
+
+- a38d7b28a: fix: change icon color to neutral in subheader as it's not an interactive component
+  fix: change the border color of the grid layout to be weaker
+
+## 11.1.0
+
+### Minor Changes
+
+- c15088d3b: TDOPS-4856 - Fix List colors taken from DS tokens
+
 ## 11.0.0
 
 ### Major Changes

diff --git a/packages/components/package.json b/packages/components/package.json
@@ -113,5 +113,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "11.0.0"
+  "version": "11.1.2"
 }
diff --git a/packages/components/src/GridLayout/Grid.module.scss b/packages/components/src/GridLayout/Grid.module.scss
@@ -5,7 +5,7 @@
 	:global(.react-grid-item) {
 		display: flex;
 		flex-direction: column;
-		border: 1px solid tokens.$coral-color-neutral-border;
+		border: 1px solid tokens.$coral-color-neutral-border-weak;
 		border-radius: 4px;
 	}
 

diff --git a/packages/components/src/SubHeaderBar/SubHeaderBar.component.js b/packages/components/src/SubHeaderBar/SubHeaderBar.component.js
@@ -2,6 +2,7 @@ import has from 'lodash/has';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { useTranslation } from 'react-i18next';
+import { ButtonIcon } from '@talend/design-system';
 import I18N_DOMAIN_COMPONENTS from '../constants';
 import getDefaultT from '../translate';
 import { Action } from '../Actions';
@@ -111,16 +112,20 @@ function SubHeaderBar({
 				<SubHeaderBarActions left>
 					{injected('before-back')}
 					{onGoBack && (
-						<Renderer.Action
-							id="backArrow"
-							onClick={onGoBack}
-							label={t('BACK_ARROW_TOOLTIP', { defaultValue: 'Go back' })}
-							icon="talend-arrow-left"
-							bsStyle="link"
-							data-feature={goBackDataFeature}
+						<div
 							className={classNames(theme['tc-subheader-back-button'], 'tc-subheader-back-button')}
-							hideLabel
-						/>
+						>
+							<ButtonIcon
+								icon="arrow-left"
+								size="M"
+								onClick={onGoBack}
+								id="backArrow"
+								data-testid="tc-subheader-backArrow"
+								data-feature={goBackDataFeature}
+							>
+								{t('BACK_ARROW_TOOLTIP', { defaultValue: 'Go back' })}
+							</ButtonIcon>
+						</div>
 					)}
 					{injected('before-title')}
 					<TitleSubHeader t={t} getComponent={getComponent} {...rest} />

diff --git a/packages/components/src/SubHeaderBar/SubHeaderBar.module.scss b/packages/components/src/SubHeaderBar/SubHeaderBar.module.scss
@@ -18,15 +18,15 @@ $tc-svg-icon-size: $padding-large !default;
 
 	:global(.btn-link),
 	:global(.btn-icon-only) {
-		color: $tc-subheader-color;
+		color: tokens.$coral-color-accent-icon;
 
 		&:focus,
 		&:hover {
-			color: tokens.$coral-color-accent-text-hover;
+			color: tokens.$coral-color-accent-icon-hover;
 		}
 
 		&:active {
-			color: tokens.$coral-color-accent-text-active;
+			color: tokens.$coral-color-accent-icon-active;
 		}
 	}
 
@@ -79,6 +79,9 @@ $tc-svg-icon-size: $padding-large !default;
 		background-color: tokens.$coral-color-neutral-background-strong !important;
 		width: $tc-subheader-bar-height;
 		height: $tc-subheader-bar-height;
+		display: flex;
+		align-items: center;
+		justify-content: center;
 
 		&:focus,
 		&:hover,

diff --git a/packages/components/src/SubHeaderBar/SubHeaderBar.test.js b/packages/components/src/SubHeaderBar/SubHeaderBar.test.js
@@ -200,7 +200,7 @@ describe('SubHeaderBar', () => {
 		};
 		render(<SubHeaderBar {...props} />);
 		expect(screen.getByText('myTitle')).toBeVisible();
-		expect(screen.getByLabelText('Go back')).toBeVisible();
+		expect(screen.getByTestId('tc-subheader-backArrow')).toBeVisible();
 	});
 
 	it('Should render SubHeader component if right actions are in loading state', () => {

diff --git a/packages/components/src/SubHeaderBar/TitleSubHeader/TitleSubHeader.module.scss b/packages/components/src/SubHeaderBar/TitleSubHeader/TitleSubHeader.module.scss
@@ -26,7 +26,7 @@ $header-title-max-width: 90rem;
 		align-self: center;
 		width: $tc-input-subheader-size-large;
 		height: $tc-input-subheader-size-large;
-		color: tokens.$coral-color-accent-icon;
+		color: tokens.$coral-color-neutral-icon;
 		margin-right: $padding-large;
 	}
 

diff --git a/packages/components/src/SubHeaderBar/__snapshots__/SubHeaderBar.test.js.snap b/packages/components/src/SubHeaderBar/__snapshots__/SubHeaderBar.test.js.snap
@@ -13,18 +13,18 @@ exports[`SubHeaderBar should render 1`] = `
       <div
         class="theme-navbar-left navbar-left"
       >
-        <button
-          aria-describedby="42"
-          aria-label="Go back"
-          class="theme-tc-subheader-back-button tc-subheader-back-button btn-icon-only btn btn-link"
-          id="backArrow"
-          type="button"
+        <div
+          class="theme-tc-subheader-back-button tc-subheader-back-button"
         >
           <span
-            class="CoralIcon"
-            name="talend-arrow-left"
-          />
-        </button>
+            class="CoralButtonIcon"
+            data-testid="tc-subheader-backArrow"
+            icon="arrow-left"
+            id="backArrow"
+          >
+            Go back
+          </span>
+        </div>
         <div
           class="tc-subheader-details theme-tc-subheader-details"
         >

diff --git a/packages/containers/src/SubHeaderBar/SubHeaderBar.test.js b/packages/containers/src/SubHeaderBar/SubHeaderBar.test.js
@@ -23,7 +23,8 @@ describe('SubHeaderBar container', () => {
 		};
 		// When
 		render(<Container {...props} />);
-		fireEvent.click(screen.getByLabelText('Go back'));
+
+		fireEvent.click(screen.getByTestId('tc-subheader-backArrow'));
 		// Then
 		expect(props.onGoBack).toHaveBeenCalled();
 	});
@@ -35,7 +36,7 @@ describe('SubHeaderBar container', () => {
 		};
 		// When
 		render(<Container {...props} />);
-		fireEvent.click(screen.getByLabelText('Go back'));
+		fireEvent.click(screen.getByTestId('tc-subheader-backArrow'));
 		// Then
 		expect(props.dispatchActionCreator).toHaveBeenCalledWith(
 			props.actionCreatorGoBack,

diff --git a/packages/containers/src/SubHeaderBar/__snapshots__/SubHeaderBar.test.js.snap b/packages/containers/src/SubHeaderBar/__snapshots__/SubHeaderBar.test.js.snap
@@ -13,18 +13,18 @@ exports[`SubHeaderBar container should render 1`] = `
       <div
         class="theme-navbar-left navbar-left"
       >
-        <button
-          aria-describedby="42"
-          aria-label="Go back"
-          class="theme-tc-subheader-back-button tc-subheader-back-button btn-icon-only btn btn-link"
-          id="backArrow"
-          type="button"
+        <div
+          class="theme-tc-subheader-back-button tc-subheader-back-button"
         >
           <span
-            class="CoralIcon"
-            name="talend-arrow-left"
-          />
-        </button>
+            class="CoralButtonIcon"
+            data-testid="tc-subheader-backArrow"
+            icon="arrow-left"
+            id="backArrow"
+          >
+            Go back
+          </span>
+        </div>
         <div
           class="tc-subheader-details theme-tc-subheader-details"
         >

diff --git a/packages/dataviz/CHANGELOG.md b/packages/dataviz/CHANGELOG.md
@@ -1,5 +1,13 @@
 # Changelog
 
+## 3.0.1
+
+### Patch Changes
+
+- eeac0f188: fix: bundle typing in the package that produce the following error:
+
+      Could not find a declaration file for module '@talend/react-dataviz' since the 3.0
+
 ## 3.0.0
 
 ### Major Changes

diff --git a/packages/dataviz/package.json b/packages/dataviz/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@talend/react-dataviz",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "description": "Talend charts and visualization components",
   "main": "lib/index.js",
   "mainSrc": "src/index.ts",

diff --git a/packages/dataviz/tsconfig.build.json b/packages/dataviz/tsconfig.build.json
@@ -1,4 +1,4 @@
 {
   "extends": "./tsconfig.json",
-  "exclude": ["src/**/*.test.*", "src/**/*.stories.*"]
+  "exclude": ["src/**/*.cy.*", "src/**/*.test.*", "src/**/*.stories.*"]
 }
diff --git a/packages/dataviz/tsconfig.json b/packages/dataviz/tsconfig.json
@@ -1,6 +1,6 @@
 {
   "extends": "@talend/scripts-config-typescript/tsconfig.json",
-  "include": ["src/**/*", "./cypress.d.ts", "./cypress/**/*.ts", "./cypress.config.ts"],
+  "include": ["src/**/*"],
   "compilerOptions": {
     "baseUrl": ".",
     "declaration": true,

diff --git a/packages/design-tokens/.eslintrc.json b/packages/design-tokens/.eslintrc.json
@@ -2,6 +2,7 @@
   "root": true,
   "extends": ["@talend"],
   "rules": {
-    "react/display-name": "warn"
+    "react/display-name": "warn",
+    "@typescript-eslint/quotes": "off"
   }
 }
diff --git a/packages/design-tokens/package.json b/packages/design-tokens/package.json
@@ -13,7 +13,7 @@
     "test": "echo no test for @talend/design-tokens",
     "test:cov": "echo no test for @talend/design-tokens",
     "test:umd": "jest scripts/umd.test.js",
-    "lint": "talend-scripts lint ./src ./scripts"
+    "lint": "talend-scripts lint"
   },
   "keywords": [
     "talend",