fix(@clayui/core) LPD-50722 LanguagePicker should show tooltip when trigger text is hidden

Author: pat270

packages/clay-core/src/language-picker/LanguagePicker.tsx

@@ -7,6 +7,7 @@ import ClayIcon from '@clayui/icon';
 import ClayLabel from '@clayui/label';
 import ClayLayout from '@clayui/layout';
 import {InternalDispatch, sub} from '@clayui/shared';
+import {ClayTooltipProvider} from '@clayui/tooltip';
 import classNames from 'classnames';
 import React from 'react';
 
@@ -136,7 +137,7 @@ const getTranslationLabel = ({
 	if (translation) {
 		const {total, translated} = translation;
 
-		if (total !== 0) {
+		if (translated !== 0) {
 			if (localeId === defaultLocaleId) {
 				displayType = 'info';
 				label = messages.default;
@@ -175,35 +176,38 @@ const Trigger = React.forwardRef<HTMLButtonElement>(
 			);
 
 		return (
-			<button
-				{...otherProps}
-				aria-label={sub(triggerMessage, [
-					selectedItem?.name || selectedItem?.label,
-				])}
-				className={classNames(
-					classNamesTrigger,
-					'form-control form-control-select form-control-select-secondary',
-					{
-						'form-control-shrink': triggerShrink,
-						'form-control-sm': small,
-						'hidden-label': hideTriggerText,
-					}
-				)}
-				ref={ref}
-			>
-				<span className="inline-item-before">
-					<ClayIcon
-						spritemap={spritemap}
-						symbol={selectedItem.symbol}
-					/>
-				</span>
-
-				{!hideTriggerText ? (
+			<ClayTooltipProvider>
+				<button
+					{...otherProps}
+					aria-label={sub(triggerMessage, [
+						selectedItem?.name || selectedItem?.label,
+					])}
+					className={classNames(
+						classNamesTrigger,
+						'form-control form-control-select form-control-select-secondary',
+						{
+							'form-control-shrink': triggerShrink,
+							'form-control-sm': small,
+							'hidden-label': hideTriggerText,
+						}
+					)}
+					title={hideTriggerText ? selectedItem.label : null}
+					ref={ref}
+				>
 					<span className="inline-item-before">
-						{selectedItem.label}
+						<ClayIcon
+							spritemap={spritemap}
+							symbol={selectedItem.symbol}
+						/>
 					</span>
-				) : null}
-			</button>
+
+					{!hideTriggerText ? (
+						<span className="inline-item-before">
+							{selectedItem.label}
+						</span>
+					) : null}
+				</button>
+			</ClayTooltipProvider>
 		);
 	}
 );