fix: english leak for "Close" in Autocomplete (#2291)

OKTA-742653 English leak for "Close" in Autocomplete
okta · Jul 25, 2024 · c8d1330 · c8d1330
1 parent e01eda6
commit c8d1330
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/packages/odyssey-react-mui/src/Autocomplete.tsx b/packages/odyssey-react-mui/src/Autocomplete.tsx
@@ -471,6 +471,7 @@ const Autocomplete = <
       // AutoComplete is wrapped in a div within MUI which does not get the disabled attr. So this aria-disabled gets set in the div
       aria-disabled={isDisabled}
       clearText={t("clear.text")}
+      closeText={t("close.text")}
       disableCloseOnSelect={hasMultipleChoices}
       disabled={isDisabled}
       freeSolo={isCustomValueAllowed}
@@ -484,6 +485,7 @@ const Autocomplete = <
       onChange={onChange}
       onInputChange={onInputChange}
       onFocus={onFocus}
+      openText={t("open.text")}
       options={options}
       readOnly={isReadOnly}
       renderInput={renderInput}

diff --git a/packages/odyssey-react-mui/src/properties/odyssey-react-mui.properties b/packages/odyssey-react-mui/src/properties/odyssey-react-mui.properties
@@ -1,7 +1,8 @@
 breadcrumbs.home.text = Home
 breadcrumbs.label.text = Breadcrumbs
-close.text = close
+close.text = Close
 clear.text = Clear
+open.text = Open
 picker.calendar.navigation.nextmonth = Next month
 picker.calendar.navigation.previousmonth = Previous month
 picker.date.toolbar.title = Selected date
@@ -116,4 +117,4 @@ table.rowexpansion.collapse = Collapse
 table.rowexpansion.collapseall = Collapse all
 dataview.layout.table = Table
 dataview.layout.grid = Grid
-dataview.layout.list = List
+dataview.layout.list = List
diff --git a/packages/odyssey-storybook/src/components/odyssey-mui/Toast/Toast.stories.tsx b/packages/odyssey-storybook/src/components/odyssey-mui/Toast/Toast.stories.tsx
@@ -274,7 +274,7 @@ export const Dismissible: StoryObj<ToastProps> = {
         const toastElement = canvas.getByRole("status");
         if (toastElement) {
           const dismissToastButton = within(toastElement).getByRole("button", {
-            name: "close",
+            name: "Close",
           });
           if (dismissToastButton) {
             userEvent.click(dismissToastButton);