Add i18n

Author: cqliu1

src/platform/plugins/shared/controls/public/controls/data_controls/options_list_control/components/options_list_popover_action_bar.tsx

@@ -16,6 +16,7 @@ import {
   EuiFlexGroup,
   EuiFlexItem,
   EuiFormRow,
+  EuiLink,
   EuiText,
   EuiToolTip,
 } from '@elastic/eui';
@@ -112,13 +113,12 @@ export const OptionsListPopoverActionBar = ({
                 <EuiToolTip
                   content={
                     totalCardinality > MAX_OPTIONS_LIST_BULK_SELECT_SIZE
-                      ? 'Bulk selection is only available for less than 100 options'
+                      ? OptionsListStrings.popover.getMaximumBulkSelectionTooltip()
                       : undefined
                   }
                 >
-                  <EuiButtonEmpty
-                    size="s"
-                    isDisabled={
+                  <EuiLink
+                    disabled={
                       availableOptions.length < 1 ||
                       totalCardinality < 1 ||
                       totalCardinality > MAX_OPTIONS_LIST_BULK_SELECT_SIZE
@@ -138,19 +138,18 @@ export const OptionsListPopoverActionBar = ({
                       }
                     }}
                   >
-                    Select all
-                  </EuiButtonEmpty>
-                </EuiToolTip>
+                    {OptionsListStrings.popover.getSelectAllButtonLabel()}
+                  </EuiLink>
+                </EuiToolTip>{' '}
                 <EuiToolTip
                   content={
                     totalCardinality > 100
-                      ? 'Bulk selection is only available for less than 100 options'
+                      ? OptionsListStrings.popover.getMaximumBulkSelectionTooltip()
                       : undefined
                   }
                 >
-                  <EuiButtonEmpty
-                    size="s"
-                    isDisabled={
+                  <EuiLink
+                    disabled={
                       availableOptions.length < 1 ||
                       totalCardinality < 1 ||
                       totalCardinality > MAX_OPTIONS_LIST_BULK_SELECT_SIZE
@@ -170,8 +169,8 @@ export const OptionsListPopoverActionBar = ({
                       }
                     }}
                   >
-                    Deselect all
-                  </EuiButtonEmpty>
+                    {OptionsListStrings.popover.getDeselectAllButtonLabel()}
+                  </EuiLink>
                 </EuiToolTip>
               </EuiText>
             </EuiFlexItem>

src/platform/plugins/shared/controls/public/controls/data_controls/options_list_control/options_list_strings.ts

@@ -9,6 +9,7 @@
 
 import { i18n } from '@kbn/i18n';
 import { OptionsListSearchTechnique } from '../../../../common/options_list/suggestions_searching';
+import { MAX_OPTIONS_LIST_BULK_SELECT_SIZE } from './constants';
 
 export const OptionsListStrings = {
   control: {
@@ -267,6 +268,19 @@ export const OptionsListStrings = {
           'Appears in {documentCount, number} {documentCount, plural, one {document} other {documents}}',
         values: { documentCount },
       }),
+    getSelectAllButtonLabel: () =>
+      i18n.translate('controls.optionsList.popover.selectAllButtonLabel', {
+        defaultMessage: 'Select all',
+      }),
+    getDeselectAllButtonLabel: () =>
+      i18n.translate('controls.optionsList.popover.deselectAllButtonLabel', {
+        defaultMessage: 'Deselect all',
+      }),
+    getMaximumBulkSelectionTooltip: () =>
+      i18n.translate('controls.optionsList.popover.maximumBulkSelectionTooltip', {
+        defaultMessage: 'Bulk selection is only available for fewer than {maxOptions} options',
+        values: { maxOptions: MAX_OPTIONS_LIST_BULK_SELECT_SIZE },
+      }),
   },
   controlAndPopover: {
     getExists: (negate: number = +false) =>