Merge branch 'master' into dependabot/npm_and_yarn/css-minimizer-webp…

…ack-plugin-5.0.1

.changeset/five-dots-matter.md

@@ -0,0 +1,5 @@
+---
+'@talend/scripts-config-cdn': minor
+---
+
+deps: bump js-yaml from 3.x to 4.x

.changeset/panel-left-L-minor.md

@@ -0,0 +1,5 @@
+---
+'@talend/icons': minor
+---
+
+added icon `panel-left` in size `L`

.changeset/panel-left-M-minor.md

@@ -0,0 +1,5 @@
+---
+'@talend/icons': minor
+---
+
+added icon `panel-left` in size `M`

.changeset/panel-left-S-minor.md

@@ -0,0 +1,5 @@
+---
+'@talend/icons': minor
+---
+
+added icon `panel-left` in size `S`

.changeset/real-spoons-shop.md

@@ -0,0 +1,5 @@
+---
+'@talend/bootstrap-sass': major
+---
+
+chore: remove font-size override (this should not impact the apps as it's done also on the design-system provider)

.changeset/serious-bees-worry.md

@@ -0,0 +1,5 @@
+---
+'@talend/react-components': patch
+---
+
+fix(DFD-491): Fix header bar and layout styles

.github/workflows/design-system-component-testing.yml

@@ -27,7 +27,7 @@ jobs:
       - name: Use Node.js
         uses: ./.github/actions/setup-node
 
-      - uses: actions/cache@704facf57e6136b1bc63b828d79edcd491f0ee84 #v3.3.2
+      - uses: actions/cache@13aacd865c20de90d75de3b17ebe84f7a17d57d2 #v4.0.0
         with:
           path: ~/.cache/Cypress
           key: my-cache-${{ runner.os }}-${{ hashFiles('yarn.lock') }}
@@ -42,21 +42,21 @@ jobs:
           yarn workspace @talend/design-tokens run build:lib
 
       - name: Cypress Component Testing
-        uses: cypress-io/github-action@ebe8b24c4428922d0f793a5c4c96853a633180e3 #v6.6.0
+        uses: cypress-io/github-action@1b70233146622b69e789ccdd4f9452adc638d25a #v6.6.1
         with:
           install: false
           browser: ${{ matrix.browser }}
           command: yarn workspace @talend/design-system run test:cy
 
       - name: Cypress screenshots upload
-        uses: actions/upload-artifact@a8a3f3ad30e3422c9c7b888a15615d19a852ae32 #v3.1.3
+        uses: actions/upload-artifact@694cdabd8bdb0f10b2cea11669e1bf5453eed0a6 #v4.2.0
         if: failure()
         with:
           name: cypress-component-testing-${{ matrix.browser }}-screenshots
           path: packages/design-system/cypress/screenshots/**/*
 
       - name: Cypress videos upload
-        uses: actions/upload-artifact@a8a3f3ad30e3422c9c7b888a15615d19a852ae32 #v3.1.3
+        uses: actions/upload-artifact@694cdabd8bdb0f10b2cea11669e1bf5453eed0a6 #v4.2.0
         if: failure()
         with:
           name: cypress-component-testing-${{ matrix.browser }}-videos

.github/workflows/pr-demo.yml

@@ -31,7 +31,7 @@ jobs:
         uses: ./.github/actions/setup-node
 
       - name: cache for storybook
-        uses: actions/cache@704facf57e6136b1bc63b828d79edcd491f0ee84 #v3.3.2
+        uses: actions/cache@13aacd865c20de90d75de3b17ebe84f7a17d57d2 #v4.0.0
         with:
           path: packages/*/node_modules
           key: ${{ runner.os }}-storybook-${{ hashFiles('**/yarn.lock') }}

fork/bootstrap-sass/assets/stylesheets/bootstrap/_scaffolding.scss

@@ -2,160 +2,151 @@
 // Scaffolding
 // --------------------------------------------------
 
-
 // Reset the box-sizing
 //
 // Heads up! This reset may cause conflicts with some third-party widgets.
 // For recommendations on resolving such conflicts, see
 // https://getbootstrap.com/docs/3.4/getting-started/#third-box-sizing
 * {
-  @include box-sizing(border-box);
+	@include box-sizing(border-box);
 }
 *:before,
 *:after {
-  @include box-sizing(border-box);
+	@include box-sizing(border-box);
 }
 
-
 // Body reset
 
 html {
-  font-size: 10px;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 
 body {
-  font-family: $font-family-base;
-  font-size: $font-size-base;
-  line-height: $line-height-base;
-  color: $text-color;
-  background-color: $body-bg;
+	font-family: $font-family-base;
+	font-size: $font-size-base;
+	line-height: $line-height-base;
+	color: $text-color;
+	background-color: $body-bg;
 }
 
 // Reset fonts for relevant elements
 input,
 button,
 select,
 textarea {
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
+	font-family: inherit;
+	font-size: inherit;
+	line-height: inherit;
 }
 
-
 // Links
 
 a {
-  color: $link-color;
-  text-decoration: none;
+	color: $link-color;
+	text-decoration: none;
 
-  &:hover,
-  &:focus {
-    color: $link-hover-color;
-    text-decoration: $link-hover-decoration;
-  }
+	&:hover,
+	&:focus {
+		color: $link-hover-color;
+		text-decoration: $link-hover-decoration;
+	}
 
-  &:focus {
-    @include tab-focus;
-  }
+	&:focus {
+		@include tab-focus;
+	}
 }
 
-
 // Figures
 //
 // We reset this here because previously Normalize had no `figure` margins. This
 // ensures we don't break anyone's use of the element.
 
 figure {
-  margin: 0;
+	margin: 0;
 }
 
-
 // Images
 
 img {
-  vertical-align: middle;
+	vertical-align: middle;
 }
 
 // Responsive images (ensure images don't scale beyond their parents)
 .img-responsive {
-  @include img-responsive;
+	@include img-responsive;
 }
 
 // Rounded corners
 .img-rounded {
-  border-radius: $border-radius-large;
+	border-radius: $border-radius-large;
 }
 
 // Image thumbnails
 //
 // Heads up! This is mixin-ed into thumbnails.less for `.thumbnail`.
 .img-thumbnail {
-  padding: $thumbnail-padding;
-  line-height: $line-height-base;
-  background-color: $thumbnail-bg;
-  border: 1px solid $thumbnail-border;
-  border-radius: $thumbnail-border-radius;
-  @include transition(all .2s ease-in-out);
+	padding: $thumbnail-padding;
+	line-height: $line-height-base;
+	background-color: $thumbnail-bg;
+	border: 1px solid $thumbnail-border;
+	border-radius: $thumbnail-border-radius;
+	@include transition(all 0.2s ease-in-out);
 
-  // Keep them at most 100% wide
-  @include img-responsive(inline-block);
+	// Keep them at most 100% wide
+	@include img-responsive(inline-block);
 }
 
 // Perfect circle
 .img-circle {
-  border-radius: 50%; // set radius in percents
+	border-radius: 50%; // set radius in percents
 }
 
-
 // Horizontal rules
 
 hr {
-  margin-top: $line-height-computed;
-  margin-bottom: $line-height-computed;
-  border: 0;
-  border-top: 1px solid $hr-border;
+	margin-top: $line-height-computed;
+	margin-bottom: $line-height-computed;
+	border: 0;
+	border-top: 1px solid $hr-border;
 }
 
-
 // Only display content to screen readers
 //
 // See: https://a11yproject.com/posts/how-to-hide-content
 
 .sr-only {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  border: 0;
+	position: absolute;
+	width: 1px;
+	height: 1px;
+	padding: 0;
+	margin: -1px;
+	overflow: hidden;
+	clip: rect(0, 0, 0, 0);
+	border: 0;
 }
 
 // Use in conjunction with .sr-only to only display content when it's focused.
 // Useful for "Skip to main content" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
 // Credit: HTML5 Boilerplate
 
 .sr-only-focusable {
-  &:active,
-  &:focus {
-    position: static;
-    width: auto;
-    height: auto;
-    margin: 0;
-    overflow: visible;
-    clip: auto;
-  }
+	&:active,
+	&:focus {
+		position: static;
+		width: auto;
+		height: auto;
+		margin: 0;
+		overflow: visible;
+		clip: auto;
+	}
 }
 
-
 // iOS "clickable elements" fix for role="button"
 //
 // Fixes "clickability" issue (and more generally, the firing of events such as focus as well)
 // for traditionally non-focusable elements with role="button"
 // see https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
 
-[role="button"] {
-  cursor: pointer;
+[role='button'] {
+	cursor: pointer;
 }

packages/components/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @talend/react-components
 
+## 14.2.2
+
+### Patch Changes
+
+- bfe3b20: TDOPS-5968 - Fix ListView checkbox alignement
+- 941ff4f: feat: add BadgePeriod in faceted search
+
 ## 14.2.1
 
 ### Patch Changes

packages/components/package.json

@@ -120,5 +120,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "14.2.1"
+  "version": "14.2.2"
 }

packages/components/src/DateTimePickers/shared/error-messages.js

@@ -1,54 +1,51 @@
-/*
- * Unexpected issues when importing t directly with named import
- * https://github.com/i18next/i18next/issues/1287
- * */
-// eslint-disable-next-line import/no-named-as-default-member
-import i18next from 'i18next';
+import getDefaultT from '../../translate';
+
+const t = getDefaultT();
 
 export default function getErrorMessage(key) {
 	switch (key) {
 		case 'INVALID_HOUR_EMPTY':
-			return i18next.t('INVALID_HOUR_EMPTY', { defaultValue: 'Hour is required' });
+			return t('INVALID_HOUR_EMPTY', { defaultValue: 'Hour is required' });
 		case 'INVALID_HOUR_NUMBER':
-			return i18next.t('INVALID_HOUR_NUMBER', { defaultValue: 'Hour must be between 00 and 23' });
+			return t('INVALID_HOUR_NUMBER', { defaultValue: 'Hour must be between 00 and 23' });
 		case 'INVALID_MINUTES_EMPTY':
-			return i18next.t('INVALID_MINUTES_EMPTY', { defaultValue: 'Minutes are required' });
+			return t('INVALID_MINUTES_EMPTY', { defaultValue: 'Minutes are required' });
 		case 'INVALID_MINUTES_NUMBER':
-			return i18next.t('INVALID_MINUTES_NUMBER', {
+			return t('INVALID_MINUTES_NUMBER', {
 				defaultValue: 'Minutes value must be between 00 and 59',
 			});
 		case 'INVALID_SECONDS_EMPTY':
-			return i18next.t('INVALID_SECONDS_EMPTY', { defaultValue: 'Seconds are required' });
+			return t('INVALID_SECONDS_EMPTY', { defaultValue: 'Seconds are required' });
 		case 'INVALID_SECONDS_NUMBER':
-			return i18next.t('INVALID_SECONDS_NUMBER', {
+			return t('INVALID_SECONDS_NUMBER', {
 				defaultValue: 'Seconds value must be between 00 and 59',
 			});
 		case 'INVALID_DATE_FORMAT':
-			return i18next.t('INVALID_DATE_FORMAT', { defaultValue: 'Date format is invalid' });
+			return t('INVALID_DATE_FORMAT', { defaultValue: 'Date format is invalid' });
 		case 'INVALID_DATE_EMPTY':
-			return i18next.t('INVALID_DATE_EMPTY', { defaultValue: 'Date is required' });
+			return t('INVALID_DATE_EMPTY', { defaultValue: 'Date is required' });
 		case 'INVALID_MONTH_NUMBER':
-			return i18next.t('INVALID_MONTH_NUMBER', { defaultValue: 'Month must be between 01 and 12' });
+			return t('INVALID_MONTH_NUMBER', { defaultValue: 'Month must be between 01 and 12' });
 		case 'INVALID_DAY_NUMBER':
-			return i18next.t('INVALID_DAY_NUMBER', { defaultValue: 'Day is invalid' });
+			return t('INVALID_DAY_NUMBER', { defaultValue: 'Day is invalid' });
 		case 'INVALID_DAY_OF_MONTH':
-			return i18next.t('INVALID_DAY_OF_MONTH', {
+			return t('INVALID_DAY_OF_MONTH', {
 				defaultValue: "Day value doesn't match an existing day in the month",
 			});
 		case 'INVALID_TIME_EMPTY':
-			return i18next.t('INVALID_TIME_EMPTY', {
+			return t('INVALID_TIME_EMPTY', {
 				defaultValue: 'Time is required',
 			});
 		case 'TIME_FORMAT_INVALID':
-			return i18next.t('TIME_FORMAT_INVALID', { defaultValue: 'Time is invalid' });
+			return t('TIME_FORMAT_INVALID', { defaultValue: 'Time is invalid' });
 		case 'DATETIME_INVALID_FORMAT':
-			return i18next.t('DATETIME_INVALID_FORMAT', { defaultValue: 'Datetime is invalid' });
+			return t('DATETIME_INVALID_FORMAT', { defaultValue: 'Datetime is invalid' });
 		case 'INVALID_RANGE_START_AFTER_END':
-			return i18next.t('INVALID_RANGE_START_AFTER_END', {
+			return t('INVALID_RANGE_START_AFTER_END', {
 				defaultValue: 'Start date should comes before end date',
 			});
 		case 'INVALID_SELECTED_DATE':
-			return i18next.t('INVALID_SELECTED_DATE', {
+			return t('INVALID_SELECTED_DATE', {
 				defaultValue: 'Invalid date is selected',
 			});
 		default: