@geotab/zenith 3.16.0-beta.0 → 3.16.0-beta.2

package/esm/dropdownRaw/dropdownRaw.js

@@ -30,6 +30,13 @@ import { LIST_LIMIT } from "../dropdown/dropdown";
 import { zen } from "../utils/zen";
 import { isChildOf } from "../utils/isChildOf";
 import { getFirstFocusableItem } from "../utils/keyboardHelpers";
+import { useIsomorphicLayoutEffect } from "../commonHelpers/hooks/useIsomorphicLayoutEffect";
+/**
+ * Returns the first groupsMap key whose `name` exactly matches `text` (case-insensitive),
+ * restricted to leaf items (no children) and excluding the internal ROOT_GROUP_ID sentinel.
+ * Only matching leaves prevents accidentally dispatching a group-container ID for grouped
+ * dropdowns where a continent/category name might equal the AutoFill text.
+ */
 injectString("cs", "Filter by group", "Filtrovat podle skupiny");
 injectString("da-DK", "Filter by group", "Filtrer efter gruppe");
 injectString("de", "Filter by group", "Nach Gruppe filtern");
@@ -56,13 +63,23 @@ injectString("tr", "Filter by group", "Gruba g\xF6re filtrele");
 injectString("zh-Hans", "Filter by group", "\u6309\u7EC4\u8FC7\u6EE4");
 injectString("zh-TW", "Filter by group", "\u4F9D\u7FA4\u7D44\u7BE9\u9078");
 injectString("ro-RO", "Filter by group", "Filtra\u021Bi dup\u0103 grup");
-injectString("ar", "Filter by group", "\u0627\u0644\u062A\u0635\u0641\u064A\u0629 \u062D\u0633\u0628 \u0627\u0644\u0645\u062C\u0645\u0648\u0639\u0629");
+injectString("ar-001", "Filter by group", "\u0627\u0644\u062A\u0635\u0641\u064A\u0629 \u062D\u0633\u0628 \u0627\u0644\u0645\u062C\u0645\u0648\u0639\u0629");
 injectString("lt-LT", "Filter by group", "Filtruoti pagal grup\u0119");
 injectString("lv-LV", "Filter by group", "Filtr\u0113t p\u0113c grupas");
 injectString("ka-GE", "Filter by group", "\u10EF\u10D2\u10E3\u10E4\u10D8\u10E1 \u10DB\u10D8\u10EE\u10D4\u10D3\u10D5\u10D8\u10D7 \u10E4\u10D8\u10DA\u10E2\u10E0\u10D0\u10EA\u10D8\u10D0");
 injectString("el-GR", "Filter by group", "\u03A6\u03B9\u03BB\u03C4\u03C1\u03AC\u03C1\u03B9\u03C3\u03BC\u03B1 \u03B1\u03BD\u03AC \u03BF\u03BC\u03AC\u03B4\u03B1");
 injectString("et-EE", "Filter by group", "Filtreeri grupi j\xE4rgi");
 injectString("bg-BG", "Filter by group", "\u0424\u0438\u043B\u0442\u0440\u0438\u0440\u0430\u043D\u0435 \u043F\u043E \u0433\u0440\u0443\u043F\u0430");
+function findAutoFillMatch(groupsMap, text) {
+  return Object.keys(groupsMap).find(id => {
+    var _a;
+    if (id === ROOT_GROUP_ID) return false;
+    const item = groupsMap[id];
+    // Skip group-container nodes — only selectable leaf items should be auto-selected.
+    if ((_a = item === null || item === void 0 ? void 0 : item.children) === null || _a === void 0 ? void 0 : _a.length) return false;
+    return (item === null || item === void 0 ? void 0 : item.name) && item.name.toLocaleLowerCase() === text.toLocaleLowerCase();
+  });
+}
 export const DropdownRaw = props => {
   var _a, _b;
   const {
@@ -81,6 +98,7 @@ export const DropdownRaw = props => {
     triggerAriaLabel,
     id: propId,
     inputId,
+    autocomplete,
     filterName,
     showCounterPill = true,
     showSelection,
@@ -158,6 +176,19 @@ export const DropdownRaw = props => {
   const comboboxRef = useRef(null);
   const inputRef = useRef(null);
   const contentRef = useRef(null);
+  // Tracks isOpenCombo without stale closures in native DOM event handlers
+  const isOpenComboRef = useRef(false);
+  // Stores the value set by browser AutoFill so onSearchChange can detect and consume it
+  const pendingAutoFillValueRef = useRef(null);
+  // Tracks the last AutoFill value that was directly dispatched by the native listener.
+  // Prevents double-dispatch when Chrome/Firefox fire both 'input' and 'change' for the same fill.
+  const autoFillJustHandledRef = useRef(null);
+  // Mirror of state.groupsMap kept current by useLayoutEffect so callbacks that need
+  // it don't depend on state directly (avoids memoisation busting on every data fetch)
+  const groupsMapRef = useRef(state.groupsMap);
+  // Mirror of state.selectedIds for the native listener and deferred effect, which run
+  // outside React's event cycle and cannot read state directly without stale closure risk.
+  const selectedIdsRef = useRef(state.selectedIds);
   const prevSelectedIds = useRef({
     selected: [],
     isAllSelected: undefined,
@@ -367,6 +398,12 @@ export const DropdownRaw = props => {
     (focusable[0] || triggerRef.current).focus();
   }, []);
   const handleEscape = useCallback(() => {
+    // Clear any pending AutoFill. The user escaped — they don't want an auto-selection,
+    // regardless of whether groupsMap is already populated or not. Clearing here makes
+    // the AutoFill lifecycle explicit: the pending intent is cancelled on every close,
+    // preventing the deferred effect from selecting an item after a user dismissal.
+    pendingAutoFillValueRef.current = null;
+    autoFillJustHandledRef.current = null;
     dispatchState({
       type: StateActionType.SetIsOpenCombo,
       payload: false
@@ -682,15 +719,216 @@ export const DropdownRaw = props => {
     controlData(currentAbort.signal, state.inputValue, state.isChecked);
   }, [controlData, state.inputValue, state.isChecked, isCheckboxMode]);
   useEscape(triggerRef, handleEscape, state.isOpenCombo);
+  // useIsomorphicLayoutEffect (falls back to useEffect on SSR) keeps the refs current
+  // before any paint so there is no one-render gap where a same-frame AutoFill event
+  // could read stale values. The isomorphic variant avoids React's SSR warning.
+  useIsomorphicLayoutEffect(() => {
+    isOpenComboRef.current = state.isOpenCombo;
+  }, [state.isOpenCombo]);
+  useIsomorphicLayoutEffect(() => {
+    groupsMapRef.current = state.groupsMap;
+  }, [state.groupsMap]);
+  useIsomorphicLayoutEffect(() => {
+    selectedIdsRef.current = state.selectedIds;
+  }, [state.selectedIds]);
+  // Handle browser AutoFill on searchable dropdown triggers.
+  // We listen to BOTH 'input' and 'change' because browser behaviour varies:
+  //   • Chrome/Firefox fire 'input' then 'change' for autofill
+  //   • Safari fires only 'change' (React's onChange, mapped to 'input', never fires)
+  // By listening to both and dispatching directly when data is available, we handle all
+  // browsers without depending on React's synthetic onChange reaching onSearchChange.
+  //
+  // Double-dispatch guard (Chrome/Firefox): autoFillJustHandledRef records the value that
+  // was just dispatched. The second event of the same autofill pair sees the same value and
+  // skips, then resets the guard for the next autofill.
+  //
+  // Known limitation — browser text-autocomplete history (per-field suggestions shown when
+  // a user re-visits a field they have typed into before) also fires these events while the
+  // popup is closed, making it indistinguishable from real AutoFill. There is no cross-browser
+  // API to distinguish the two cases reliably; this is an accepted trade-off for the AutoFill UX.
+  useEffect(() => {
+    // inputRef uses a non-null cast (MutableRefObject<HTMLInputElement>), so we need an
+    // explicit nullable cast to safely guard against the ref not yet being populated.
+    const input = inputRef.current;
+    // isReadOnly renders ReviewTextControl instead of the trigger input — the input element
+    // doesn't exist. Including isReadOnly in the deps ensures the listener re-attaches
+    // when a view/edit toggle transitions the dropdown from read-only to editable.
+    if (!input || !searchField || chip || isMobile || isReadOnly) {
+      return;
+    }
+    const handleNativeAutoFill = e => {
+      const autoFillValue = e.target.value;
+      if (!autoFillValue || isOpenComboRef.current) return;
+      // Double-dispatch guard: skip the second event of the same autofill pair
+      // (Chrome/Firefox fire both 'input' and 'change' for one fill).
+      if (autoFillJustHandledRef.current === autoFillValue) {
+        // Do NOT re-set pendingAutoFillValueRef here. Doing so would leave it alive
+        // after the immediate dispatch and allow a later state.groupsMap change (e.g.
+        // an external data refresh) to wake the deferred effect and re-dispatch
+        // ChangeSelection — toggling a multiselect item back off.
+        // Do NOT clear autoFillJustHandledRef here either. Clearing it would allow the
+        // native 'change' listener of this same pair to fall through and dispatch a second
+        // time (in Chrome/Firefox the guard fires for the 'change' event; if cleared, the
+        // listener would treat it as a new autofill and dispatch again — toggle-off bug).
+        // Known limitation: if the browser re-fills the same value without any popup
+        // interaction between fills, autoFillJustHandledRef is still set and the refill
+        // is silently dropped. handleEscape and handleTriggerClick clear the guard for
+        // the common case; a timestamp-based expiry could address the edge case later.
+        return;
+      }
+      // Always record the pending value so onSearchChange can skip controlData
+      // and the deferred effect can retry if data isn't loaded yet.
+      pendingAutoFillValueRef.current = autoFillValue;
+      const currentGroupsMap = groupsMapRef.current;
+      if (Object.keys(currentGroupsMap).length === 0) {
+        // getData hasn't resolved yet — deferred useEffect handles it once data arrives.
+        return;
+      }
+      const matchedId = findAutoFillMatch(currentGroupsMap, autoFillValue);
+      if (matchedId) {
+        // Dispatch directly so selection works even when React's onChange doesn't fire
+        // (Safari autofill fires 'change' but not 'input', so onSearchChange may not run).
+        autoFillJustHandledRef.current = autoFillValue; // guard for onSearchChange + second event
+        // Clear pendingRef immediately after dispatch. In Safari, onSearchChange never
+        // runs after a native 'change', so pendingRef would remain set indefinitely. A
+        // later state.groupsMap change (e.g. external data refresh) would then re-trigger
+        // the deferred effect, which dispatches ChangeSelection again — toggling a
+        // multiselect item back off. Clearing here prevents that ghost re-dispatch.
+        pendingAutoFillValueRef.current = null;
+        if (multiselect) {
+          // ChangeSelection has toggle semantics — dispatching when the item is already
+          // selected would deselect it, emitting an incorrect onChange in edit forms.
+          // AutoFill must be idempotent: if the item is already selected, no-op.
+          if (!selectedIdsRef.current.includes(matchedId)) {
+            dispatchState({
+              type: StateActionType.ChangeSelection,
+              payload: {
+                value: true,
+                itemId: matchedId
+              }
+            });
+          }
+        } else {
+          // Dispatch directly instead of via handleSingleSelection to avoid the
+          // focus hijack: handleSingleSelection → handleEscape → triggerRef.focus()
+          // steals browser focus mid-form fill and disrupts tab order for the user.
+          dispatchState({
+            type: StateActionType.ChangeSingleSelection,
+            payload: {
+              value: matchedId,
+              reset: false
+            }
+          });
+        }
+        // Clear the AutoFill text from the search input (same for both modes).
+        dispatchState({
+          type: StateActionType.SetInputValue,
+          payload: ""
+        });
+        return;
+      }
+      // No match: pendingAutoFillValueRef stays set; onSearchChange will clear it and
+      // return early without calling controlData, leaving the text visible for the user.
+    };
+    input.addEventListener("input", handleNativeAutoFill);
+    input.addEventListener("change", handleNativeAutoFill);
+    // eslint-disable-next-line consistent-return
+    return () => {
+      input.removeEventListener("input", handleNativeAutoFill);
+      input.removeEventListener("change", handleNativeAutoFill);
+    };
+    // inputRef is a stable MutableRefObject (never changes identity), so it is not listed
+    // as a dep. isReadOnly is listed so the effect re-runs when a view/edit toggle
+    // transitions the dropdown to editable — without it the listener never attaches.
+    // multiselect is listed because the listener dispatches different actions for each mode.
+  }, [searchField, chip, isMobile, isReadOnly, multiselect]);
+  // Deferred AutoFill: for getData-based dropdowns, groupsMap may be empty when AutoFill
+  // fires on page load (data hasn't resolved yet). onSearchChange keeps pendingAutoFillValueRef
+  // alive in that case and sets inputValue as a placeholder. This effect retries the lookup
+  // every time groupsMap is updated; it exits immediately when there is nothing pending.
+  useEffect(() => {
+    // Defensive guard matching the native listener: only process deferred AutoFill for
+    // searchable non-chip desktop triggers. isReadOnly is included so the deferred effect
+    // does not dispatch when the component renders in read-only mode (no input mounted).
+    if (!searchField || chip || isMobile || isReadOnly) return;
+    const pendingValue = pendingAutoFillValueRef.current;
+    if (!pendingValue || Object.keys(groupsMapRef.current).length === 0) return;
+    pendingAutoFillValueRef.current = null;
+    const matchedId = findAutoFillMatch(groupsMapRef.current, pendingValue);
+    if (matchedId) {
+      if (multiselect) {
+        // Same idempotency guard as the native listener: skip if already selected to
+        // avoid toggling the item off in an edit form that pre-populates the value.
+        if (!selectedIdsRef.current.includes(matchedId)) {
+          dispatchState({
+            type: StateActionType.ChangeSelection,
+            payload: {
+              value: true,
+              itemId: matchedId
+            }
+          });
+        }
+      } else {
+        dispatchState({
+          type: StateActionType.ChangeSingleSelection,
+          payload: {
+            value: matchedId,
+            reset: false
+          }
+        });
+      }
+      // Clear the placeholder inputValue that onSearchChange set while data was loading.
+      dispatchState({
+        type: StateActionType.SetInputValue,
+        payload: ""
+      });
+    }
+    // No match: leave inputValue at the AutoFill text so the user can see what was tried.
+    // onSearchChange already set it to pendingValue; not clearing it is intentional.
+  }, [state.groupsMap, multiselect, searchField, chip, isMobile, isReadOnly]);
   const onSearchChange = useCallback(event => {
-    const newValue = event ? event.currentTarget.value : "";
+    // Use event.target (not currentTarget) to match the native listener which also
+    // reads e.target.value — the two must read the same property when comparing.
+    const newValue = event ? event.target.value : "";
+    // AutoFill path — two distinct cases, checked in order:
+    //
+    // 1. Native listener dispatched (data was available, autoFillJustHandledRef set):
+    //    Skip SetInputValue entirely — the listener already sent SetInputValue("") and
+    //    pendingRef was cleared right after dispatch. React 18 batches same-tick dispatches
+    //    and the last wins, so dispatching the autofill text here would override "".
+    //    This branch fires for every onChange that belongs to the same autofill pair
+    //    (e.g. from 'input' then 'change' in Chrome/Firefox).
+    //    Note — hasApplyButton: AutoFill bypasses the staged-selection flow because user
+    //    intent is unambiguous. The "when change inside" effect already gates onChangeInner
+    //    behind hasApplyButton, so external onChange is still withheld until Apply is clicked.
+    if (autoFillJustHandledRef.current === newValue) {
+      // Do NOT clear autoFillJustHandledRef — the guard in handleNativeAutoFill
+      // still needs it for the second native event (Chrome/Firefox 'change' after 'input').
+      // It is cleared by handleEscape / handleTriggerClick on the next user interaction.
+      return;
+    }
+    // 2. getData pending or no-match (pendingRef set by native listener, no dispatch yet):
+    //    Keep pendingRef alive for the deferred useEffect; show the autofill text and
+    //    skip controlData to avoid an unexpected search API call with the raw text.
+    if (pendingAutoFillValueRef.current !== null && pendingAutoFillValueRef.current === newValue) {
+      dispatchState({
+        type: StateActionType.SetInputValue,
+        payload: newValue
+      });
+      return;
+    }
+    // Normal search path (not an AutoFill event).
+    pendingAutoFillValueRef.current = null;
     dispatchState({
       type: StateActionType.SetInputValue,
       payload: newValue
     });
     const currentAbort = abortToken.current;
     controlData(currentAbort.signal, newValue, state.isChecked);
-  }, [controlData, state.isChecked]);
+  },
+  // state.groupsMap and multiselect intentionally omitted: lookup and dispatch now happen
+  // in the native listener. This callback only needs to skip controlData cleanly.
+  [controlData, state.isChecked]);
   const onInputChange = useCallback(newValue => {
     dispatchState({
       type: StateActionType.SetInputValue,
@@ -712,6 +950,13 @@ export const DropdownRaw = props => {
     controlData(currentAbort.signal, state.inputValue, isChecked);
   }, [controlData, state.inputValue]);
   const handleTriggerClick = useCallback(newVal => {
+    if (newVal) {
+      // User is manually opening the dropdown to browse. Cancel any pending AutoFill
+      // so the deferred useEffect doesn't auto-select once getData resolves — the user
+      // is now in control and an invisible selection would be surprising.
+      pendingAutoFillValueRef.current = null;
+      autoFillJustHandledRef.current = null;
+    }
     const currentAbort = abortToken.current;
     dispatchState({
       type: StateActionType.SetCurrentId,
@@ -977,6 +1222,7 @@ export const DropdownRaw = props => {
       triggerAriaLabel: triggerAriaLabel,
       triggerRef: triggerRef,
       inputRef: inputRef,
+      autocomplete: autocomplete,
       buttonType: buttonType,
       handleFocusOnPopup: handleFocusOnPopup,
       popupId: memoizedAllyPattern === "selectOnlyCombobox" ? selectListId : popupId,

package/esm/dropdownRaw/dropdownSearchableTrigger.d.ts

@@ -20,11 +20,12 @@ interface IDropdownSearchableTrigger {
     name?: string;
     onBlur?: () => void;
     popupId?: string;
+    autocomplete?: string;
     handleFocusOnPopup?: () => void;
     dataAnalyticsId?: string;
 }
 export declare const DropdownSearchableTrigger: {
-    ({ value, className, onChange, placeholder, isOpenPopup, inputRef, handleClick, width, title, id, disabled, count, currentSelection, isError, fullWidth, ref, name, onBlur, popupId, handleFocusOnPopup, dataAnalyticsId, ...otherProps }: IDropdownSearchableTrigger): import("react/jsx-runtime").JSX.Element;
+    ({ value, className, onChange, placeholder, isOpenPopup, inputRef, handleClick, width, title, id, disabled, count, currentSelection, isError, fullWidth, ref, name, onBlur, popupId, autocomplete, handleFocusOnPopup, dataAnalyticsId, ...otherProps }: IDropdownSearchableTrigger): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const TRANSLATIONS: string[];

package/esm/dropdownRaw/dropdownSearchableTrigger.js

@@ -43,7 +43,7 @@ injectString("tr", "Filter by group", "Gruba g\xF6re filtrele");
 injectString("zh-Hans", "Filter by group", "\u6309\u7EC4\u8FC7\u6EE4");
 injectString("zh-TW", "Filter by group", "\u4F9D\u7FA4\u7D44\u7BE9\u9078");
 injectString("ro-RO", "Filter by group", "Filtra\u021Bi dup\u0103 grup");
-injectString("ar", "Filter by group", "\u0627\u0644\u062A\u0635\u0641\u064A\u0629 \u062D\u0633\u0628 \u0627\u0644\u0645\u062C\u0645\u0648\u0639\u0629");
+injectString("ar-001", "Filter by group", "\u0627\u0644\u062A\u0635\u0641\u064A\u0629 \u062D\u0633\u0628 \u0627\u0644\u0645\u062C\u0645\u0648\u0639\u0629");
 injectString("lt-LT", "Filter by group", "Filtruoti pagal grup\u0119");
 injectString("lv-LV", "Filter by group", "Filtr\u0113t p\u0113c grupas");
 injectString("ka-GE", "Filter by group", "\u10EF\u10D2\u10E3\u10E4\u10D8\u10E1 \u10DB\u10D8\u10EE\u10D4\u10D3\u10D5\u10D8\u10D7 \u10E4\u10D8\u10DA\u10E2\u10E0\u10D0\u10EA\u10D8\u10D0");
@@ -76,7 +76,7 @@ injectString("tr", "Clear search", "Aramay\u0131 temizle");
 injectString("zh-Hans", "Clear search", "\u6E05\u9664\u641C\u7D22");
 injectString("zh-TW", "Clear search", "\u6E05\u9664\u641C\u5C0B");
 injectString("ro-RO", "Clear search", "\u0218terge\u021Bi c\u0103utarea");
-injectString("ar", "Clear search", "\u0645\u0633\u062D \u0627\u0644\u0628\u062D\u062B");
+injectString("ar-001", "Clear search", "\u0645\u0633\u062D \u0627\u0644\u0628\u062D\u062B");
 injectString("lt-LT", "Clear search", "I\u0161valyti paie\u0161k\u0105");
 injectString("lv-LV", "Clear search", "Not\u012Br\u012Bt mekl\u0113\u0161anu");
 injectString("ka-GE", "Clear search", "\u10EB\u10D8\u10D4\u10D1\u10D8\u10E1 \u10D2\u10D0\u10E1\u10E3\u10E4\u10D7\u10D0\u10D5\u10D4\u10D1\u10D0");
@@ -109,7 +109,7 @@ injectString("tr", "Close filter", "Filtreyi kapat");
 injectString("zh-Hans", "Close filter", "\u5173\u95ED\u7B5B\u9009\u5668");
 injectString("zh-TW", "Close filter", "\u95DC\u9589\u7BE9\u9078\u5668");
 injectString("ro-RO", "Close filter", "\xCEnchide\u021Bi filtrul");
-injectString("ar", "Close filter", "\u0625\u063A\u0644\u0627\u0642 \u0639\u0627\u0645\u0644 \u0627\u0644\u062A\u0635\u0641\u064A\u0629");
+injectString("ar-001", "Close filter", "\u0625\u063A\u0644\u0627\u0642 \u0639\u0627\u0645\u0644 \u0627\u0644\u062A\u0635\u0641\u064A\u0629");
 injectString("lt-LT", "Close filter", "U\u017Edaryti filtr\u0105");
 injectString("lv-LV", "Close filter", "Aizv\u0113rt filtru");
 injectString("ka-GE", "Close filter", "\u10E4\u10D8\u10DA\u10E2\u10E0\u10D8\u10E1 \u10D3\u10D0\u10EE\u10E3\u10E0\u10D5\u10D0");
@@ -142,7 +142,7 @@ injectString("tr", "Open filter", "Filtreyi a\xE7");
 injectString("zh-Hans", "Open filter", "\u6253\u5F00\u7B5B\u9009\u5668");
 injectString("zh-TW", "Open filter", "\u958B\u555F\u7BE9\u9078\u689D\u4EF6");
 injectString("ro-RO", "Open filter", "Deschide\u021Bi filtrul");
-injectString("ar", "Open filter", "\u0641\u062A\u062D \u0639\u0627\u0645\u0644 \u0627\u0644\u062A\u0635\u0641\u064A\u0629");
+injectString("ar-001", "Open filter", "\u0641\u062A\u062D \u0639\u0627\u0645\u0644 \u0627\u0644\u062A\u0635\u0641\u064A\u0629");
 injectString("lt-LT", "Open filter", "Atidaryti filtr\u0105");
 injectString("lv-LV", "Open filter", "Atv\u0113rt filtru");
 injectString("ka-GE", "Open filter", "\u10E4\u10D8\u10DA\u10E2\u10E0\u10D8\u10E1 \u10D2\u10D0\u10EE\u10E1\u10DC\u10D0");
@@ -170,10 +170,11 @@ export const DropdownSearchableTrigger = _a => {
       name,
       onBlur,
       popupId,
+      autocomplete,
       handleFocusOnPopup,
       dataAnalyticsId
     } = _a,
-    otherProps = __rest(_a, ["value", "className", "onChange", "placeholder", "isOpenPopup", "inputRef", "handleClick", "width", "title", "id", "disabled", "count", "currentSelection", "isError", "fullWidth", "ref", "name", "onBlur", "popupId", "handleFocusOnPopup", "dataAnalyticsId"])
+    otherProps = __rest(_a, ["value", "className", "onChange", "placeholder", "isOpenPopup", "inputRef", "handleClick", "width", "title", "id", "disabled", "count", "currentSelection", "isError", "fullWidth", "ref", "name", "onBlur", "popupId", "autocomplete", "handleFocusOnPopup", "dataAnalyticsId"])
     // eslint-disable-next-line complexity
 ;
   const {
@@ -247,7 +248,8 @@ export const DropdownSearchableTrigger = _a => {
           ariaLabel: placeholder,
           ariaAutocomplete: "list",
           ariaHaspopup: "dialog",
-          role: "combobox"
+          role: "combobox",
+          autocomplete: autocomplete
         })
       }), count ? _jsx("div", {
         className: "zen-dropdown-searchable-trigger__label-element",

package/esm/dropdownRaw/dropdownTrigger.d.ts

@@ -18,6 +18,7 @@ export interface IDropdownTrigger extends IZenComponentProps {
     triggerAriaLabel?: string;
     triggerRef: React.RefObject<HTMLElement | null>;
     inputRef?: React.RefObject<HTMLInputElement | null>;
+    autocomplete?: string;
     buttonType?: TFilterButton;
     isError?: boolean;
     name?: string;
@@ -27,5 +28,5 @@ export interface IDropdownTrigger extends IZenComponentProps {
     allyPattern?: "selectOnlyCombobox" | "comboboxWithDialog" | "buttonWithDialog" | "buttonWithMenu";
     dataAnalyticsId?: string;
 }
-export declare const DropdownTrigger: ({ name, onBlur, isActive, id, triggerRef, searchField, placeholder, disabled, fullWidth, currentSelection, handleClick, inputValue, className, onSearchChange, width, title, triggerAriaLabel, count, inputRef, buttonType, isError, popupId, handleFocusOnPopup, allyPattern, dataAnalyticsId, ...otherProps }: IDropdownTrigger) => import("react/jsx-runtime").JSX.Element;
+export declare const DropdownTrigger: ({ name, onBlur, isActive, id, triggerRef, searchField, placeholder, disabled, fullWidth, currentSelection, handleClick, inputValue, className, onSearchChange, width, title, triggerAriaLabel, count, inputRef, autocomplete, buttonType, isError, popupId, handleFocusOnPopup, allyPattern, dataAnalyticsId, ...otherProps }: IDropdownTrigger) => import("react/jsx-runtime").JSX.Element;
 export declare const TRANSLATIONS: string[];

package/esm/dropdownRaw/dropdownTrigger.js

@@ -16,13 +16,13 @@ import { useMemo, useRef } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 import { getAllyTriggerProps } from "./dropdownHelper";
 export const DropdownTrigger = (_a) => {
-    var { name, onBlur, isActive, id, triggerRef, searchField, placeholder, disabled, fullWidth, currentSelection, handleClick, inputValue, className, onSearchChange = () => { }, width, title, triggerAriaLabel, count, inputRef, buttonType, isError, popupId, handleFocusOnPopup, allyPattern = "buttonWithDialog", dataAnalyticsId } = _a, otherProps = __rest(_a, ["name", "onBlur", "isActive", "id", "triggerRef", "searchField", "placeholder", "disabled", "fullWidth", "currentSelection", "handleClick", "inputValue", "className", "onSearchChange", "width", "title", "triggerAriaLabel", "count", "inputRef", "buttonType", "isError", "popupId", "handleFocusOnPopup", "allyPattern", "dataAnalyticsId"]);
+    var { name, onBlur, isActive, id, triggerRef, searchField, placeholder, disabled, fullWidth, currentSelection, handleClick, inputValue, className, onSearchChange = () => { }, width, title, triggerAriaLabel, count, inputRef, autocomplete, buttonType, isError, popupId, handleFocusOnPopup, allyPattern = "buttonWithDialog", dataAnalyticsId } = _a, otherProps = __rest(_a, ["name", "onBlur", "isActive", "id", "triggerRef", "searchField", "placeholder", "disabled", "fullWidth", "currentSelection", "handleClick", "inputValue", "className", "onSearchChange", "width", "title", "triggerAriaLabel", "count", "inputRef", "autocomplete", "buttonType", "isError", "popupId", "handleFocusOnPopup", "allyPattern", "dataAnalyticsId"]);
     const elInpRef = useRef(null);
     const handleButtonClick = () => {
         handleClick(!isActive);
     };
     const allyTriggerProps = useMemo(() => getAllyTriggerProps(allyPattern), [allyPattern]);
-    return (_jsx(_Fragment, { children: searchField ? (_jsx(DropdownSearchableTrigger, Object.assign({ value: inputValue || "", name: name, onChange: onSearchChange, isOpenPopup: isActive, inputRef: inputRef || elInpRef, handleClick: handleClick, handleFocusOnPopup: handleFocusOnPopup, ref: triggerRef, width: width, placeholder: placeholder, disabled: disabled, id: id, title: title, count: count, currentSelection: currentSelection, className: className, isError: isError, fullWidth: fullWidth, popupId: popupId, dataAnalyticsId: dataAnalyticsId }, otherProps))) : (_jsx(FilterButton, Object.assign({ ref: triggerRef, id: id, name: name, onBlur: onBlur, className: classNames(["zen-dropdown__trigger-button", isError ? "zen-dropdown__trigger-button--error" : "", className || ""]), onClick: handleButtonClick, disabled: disabled, isActive: isActive, fullWidth: width ? true : fullWidth, maxWidth: width, minWidth: width, quantity: count || undefined, type: buttonType, title: title, ariaLabel: triggerAriaLabel || currentSelection || placeholder, "aria-expanded": isActive, "aria-controls": popupId }, allyTriggerProps, { dataAnalyticsId: dataAnalyticsId }, otherProps, { children: currentSelection ? (_jsx("span", { className: classNames([
+    return (_jsx(_Fragment, { children: searchField ? (_jsx(DropdownSearchableTrigger, Object.assign({ value: inputValue || "", name: name, onChange: onSearchChange, isOpenPopup: isActive, inputRef: inputRef || elInpRef, handleClick: handleClick, handleFocusOnPopup: handleFocusOnPopup, ref: triggerRef, width: width, placeholder: placeholder, disabled: disabled, id: id, title: title, count: count, currentSelection: currentSelection, className: className, isError: isError, fullWidth: fullWidth, popupId: popupId, autocomplete: autocomplete, dataAnalyticsId: dataAnalyticsId }, otherProps))) : (_jsx(FilterButton, Object.assign({ ref: triggerRef, id: id, name: name, onBlur: onBlur, className: classNames(["zen-dropdown__trigger-button", isError ? "zen-dropdown__trigger-button--error" : "", className || ""]), onClick: handleButtonClick, disabled: disabled, isActive: isActive, fullWidth: width ? true : fullWidth, maxWidth: width, minWidth: width, quantity: count || undefined, type: buttonType, title: title, ariaLabel: triggerAriaLabel || currentSelection || placeholder, "aria-expanded": isActive, "aria-controls": popupId }, allyTriggerProps, { dataAnalyticsId: dataAnalyticsId }, otherProps, { children: currentSelection ? (_jsx("span", { className: classNames([
                     "zen-dropdown__trigger-button-text",
                     buttonType ? `zen-dropdown__trigger-button-text--${buttonType.toString()}` : ""
                 ]), children: currentSelection })) : (placeholder) }))) }));

package/esm/dropdownRaw/types.d.ts

@@ -42,6 +42,13 @@ interface IDropdownBase extends IChipsParent {
     title?: string;
     triggerAriaLabel?: string;
     inputId?: string;
+    /**
+     * HTML `autocomplete` attribute forwarded to the searchable trigger input.
+     * Use tokens such as `"country-name"` or `"address-level1"` to participate in
+     * browser AutoFill section grouping and improve fill accuracy. Only applies when
+     * `searchField={true}`.
+     */
+    autocomplete?: string;
     filterName?: string;
     showCounterPill?: boolean;
     showSelection?: boolean;

package/esm/favoriteButton/favoriteButton.js

@@ -35,7 +35,7 @@ injectString("tr", "Favorite", "Favori");
 injectString("zh-Hans", "Favorite", "\u6536\u85CF");
 injectString("zh-TW", "Favorite", "\u6211\u7684\u6700\u611B");
 injectString("ro-RO", "Favorite", "Preferat");
-injectString("ar", "Favorite", "\u0645\u0641\u0636\u0644");
+injectString("ar-001", "Favorite", "\u0645\u0641\u0636\u0644");
 injectString("lt-LT", "Favorite", "M\u0117gstamas");
 injectString("lv-LV", "Favorite", "Favor\u012Bts");
 injectString("ka-GE", "Favorite", "\u10E0\u10E9\u10D4\u10E3\u10DA\u10D8");

package/esm/fileUpload/components/dropZoneContent.js

@@ -30,7 +30,7 @@ injectString("tr", "Tap to add files", "Dosya eklemek i\xE7in dokunun");
 injectString("zh-Hans", "Tap to add files", "\u70B9\u51FB\u6DFB\u52A0\u6587\u4EF6");
 injectString("zh-TW", "Tap to add files", "\u9EDE\u9078\u4EE5\u65B0\u589E\u6A94\u6848");
 injectString("ro-RO", "Tap to add files", "Atinge\u021Bi pentru a ad\u0103uga fi\u0219iere");
-injectString("ar", "Tap to add files", "\u0627\u0646\u0642\u0631 \u0644\u0625\u0636\u0627\u0641\u0629 \u0645\u0644\u0641\u0627\u062A");
+injectString("ar-001", "Tap to add files", "\u0627\u0646\u0642\u0631 \u0644\u0625\u0636\u0627\u0641\u0629 \u0645\u0644\u0641\u0627\u062A");
 injectString("lt-LT", "Tap to add files", "Bakstel\u0117kite, kad prid\u0117tum\u0117te fail\u0173");
 injectString("lv-LV", "Tap to add files", "Pieskarieties, lai pievienotu failus");
 injectString("ka-GE", "Tap to add files", "\u10E4\u10D0\u10D8\u10DA\u10D4\u10D1\u10D8\u10E1 \u10D3\u10D0\u10E1\u10D0\u10DB\u10D0\u10E2\u10D4\u10D1\u10DA\u10D0\u10D3 \u10E8\u10D4\u10D4\u10EE\u10D4\u10D7");
@@ -63,7 +63,7 @@ injectString("tr", "Drag & drop files or", "Dosyalar\u0131 s\xFCr\xFCkleyip b\u0
 injectString("zh-Hans", "Drag & drop files or", "\u62D6\u653E\u6587\u4EF6\u6216");
 injectString("zh-TW", "Drag & drop files or", "\u62D6\u653E\u6A94\u6848\u6216");
 injectString("ro-RO", "Drag & drop files or", "Glisa\u021Bi \u0219i fixa\u021Bi fi\u0219iere sau");
-injectString("ar", "Drag & drop files or", "\u0633\u062D\u0628 \u0627\u0644\u0645\u0644\u0641\u0627\u062A \u0648\u0625\u0641\u0644\u0627\u062A\u0647\u0627 \u0623\u0648");
+injectString("ar-001", "Drag & drop files or", "\u0633\u062D\u0628 \u0627\u0644\u0645\u0644\u0641\u0627\u062A \u0648\u0625\u0641\u0644\u0627\u062A\u0647\u0627 \u0623\u0648");
 injectString("lt-LT", "Drag & drop files or", "Nuvilkite failus arba");
 injectString("lv-LV", "Drag & drop files or", "Velciet un nometiet failus vai");
 injectString("ka-GE", "Drag & drop files or", "\u10E4\u10D0\u10D8\u10DA\u10D4\u10D1\u10D8\u10E1 \u10D2\u10D0\u10D3\u10DB\u10DD\u10D7\u10E0\u10D4\u10D5\u10D0 \u10D0\u10DC");
@@ -96,7 +96,7 @@ injectString("tr", "Browse", "G\xF6zat");
 injectString("zh-Hans", "Browse", "\u6D4F\u89C8");
 injectString("zh-TW", "Browse", "\u700F\u89BD");
 injectString("ro-RO", "Browse", "R\u0103sfoire");
-injectString("ar", "Browse", "\u062A\u0635\u0641\u062D");
+injectString("ar-001", "Browse", "\u062A\u0635\u0641\u062D");
 injectString("lt-LT", "Browse", "Nar\u0161yti");
 injectString("lv-LV", "Browse", "P\u0101rl\u016Bkot");
 injectString("ka-GE", "Browse", "\u10D3\u10D0\u10D7\u10D5\u10D0\u10DA\u10D8\u10D4\u10E0\u10D4\u10D1\u10D0");
@@ -129,7 +129,7 @@ injectString("tr", "Supported Formats:", "Desteklenen Bi\xE7imler:");
 injectString("zh-Hans", "Supported Formats:", "\u652F\u6301\u7684\u683C\u5F0F\uFF1A");
 injectString("zh-TW", "Supported Formats:", "\u652F\u63F4\u7684\u683C\u5F0F\uFF1A");
 injectString("ro-RO", "Supported Formats:", "Formate acceptate:");
-injectString("ar", "Supported Formats:", "\u0627\u0644\u0635\u064A\u063A \u0627\u0644\u0645\u062F\u0639\u0648\u0645\u0629:");
+injectString("ar-001", "Supported Formats:", "\u0627\u0644\u0635\u064A\u063A \u0627\u0644\u0645\u062F\u0639\u0648\u0645\u0629:");
 injectString("lt-LT", "Supported Formats:", "Palaikomi formatai:");
 injectString("lv-LV", "Supported Formats:", "Atbalst\u012Btie form\u0101ti:");
 injectString("ka-GE", "Supported Formats:", "\u10DB\u10EE\u10D0\u10E0\u10D3\u10D0\u10ED\u10D4\u10E0\u10D8\u10DA\u10D8 \u10E4\u10DD\u10E0\u10DB\u10D0\u10E2\u10D4\u10D1\u10D8:");

package/esm/fileUpload/components/templateDownloadSection.js

@@ -28,7 +28,7 @@ injectString("tr", "Download", "\u0130ndir");
 injectString("zh-Hans", "Download", "\u4E0B\u8F7D");
 injectString("zh-TW", "Download", "\u4E0B\u8F09");
 injectString("ro-RO", "Download", "Desc\u0103rca\u021Bi");
-injectString("ar", "Download", "\u062A\u0646\u0632\u064A\u0644");
+injectString("ar-001", "Download", "\u062A\u0646\u0632\u064A\u0644");
 injectString("lt-LT", "Download", "Atsisi\u0173sti");
 injectString("lv-LV", "Download", "Lejupiel\u0101d\u0113t");
 injectString("ka-GE", "Download", "\u10E9\u10D0\u10DB\u10DD\u10E2\u10D5\u10D8\u10E0\u10D7\u10D5\u10D0");

package/esm/fileUpload/components/uploadedFilesSection.js

@@ -36,7 +36,7 @@ injectString("tr", "Uploaded", "Uploaded");
 injectString("zh-Hans", "Uploaded", "Uploaded");
 injectString("zh-TW", "Uploaded", "Uploaded");
 injectString("ro-RO", "Uploaded", "Uploaded");
-injectString("ar", "Uploaded", "\u062A\u0645 \u0627\u0644\u0631\u0641\u0639");
+injectString("ar-001", "Uploaded", "\u062A\u0645 \u0627\u0644\u0631\u0641\u0639");
 injectString("lt-LT", "Uploaded", "\u012Ekelta");
 injectString("lv-LV", "Uploaded", "Aug\u0161upiel\u0101d\u0113ts");
 injectString("ka-GE", "Uploaded", "\u10D0\u10E2\u10D5\u10D8\u10E0\u10D7\u10E3\u10DA\u10D8\u10D0");
@@ -69,7 +69,7 @@ injectString("tr", "Remove", "Kald\u0131r");
 injectString("zh-Hans", "Remove", "\u79FB\u9664");
 injectString("zh-TW", "Remove", "\u79FB\u9664");
 injectString("ro-RO", "Remove", "Elimin\u0103");
-injectString("ar", "Remove", "\u0625\u0632\u0627\u0644\u0629");
+injectString("ar-001", "Remove", "\u0625\u0632\u0627\u0644\u0629");
 injectString("lt-LT", "Remove", "Pa\u0161alinti");
 injectString("lv-LV", "Remove", "No\u0146emt");
 injectString("ka-GE", "Remove", "\u10EC\u10D0\u10E8\u10DA\u10D0");

package/esm/fileUpload/fileUpload.js

@@ -35,7 +35,7 @@ injectString("tr", "Tap to add files", "Dosya eklemek i\xE7in dokunun");
 injectString("zh-Hans", "Tap to add files", "\u70B9\u51FB\u6DFB\u52A0\u6587\u4EF6");
 injectString("zh-TW", "Tap to add files", "\u9EDE\u9078\u4EE5\u65B0\u589E\u6A94\u6848");
 injectString("ro-RO", "Tap to add files", "Atinge\u021Bi pentru a ad\u0103uga fi\u0219iere");
-injectString("ar", "Tap to add files", "\u0627\u0646\u0642\u0631 \u0644\u0625\u0636\u0627\u0641\u0629 \u0645\u0644\u0641\u0627\u062A");
+injectString("ar-001", "Tap to add files", "\u0627\u0646\u0642\u0631 \u0644\u0625\u0636\u0627\u0641\u0629 \u0645\u0644\u0641\u0627\u062A");
 injectString("lt-LT", "Tap to add files", "Bakstel\u0117kite, kad prid\u0117tum\u0117te fail\u0173");
 injectString("lv-LV", "Tap to add files", "Pieskarieties, lai pievienotu failus");
 injectString("ka-GE", "Tap to add files", "\u10E4\u10D0\u10D8\u10DA\u10D4\u10D1\u10D8\u10E1 \u10D3\u10D0\u10E1\u10D0\u10DB\u10D0\u10E2\u10D4\u10D1\u10DA\u10D0\u10D3 \u10E8\u10D4\u10D4\u10EE\u10D4\u10D7");
@@ -68,7 +68,7 @@ injectString("tr", "Drag & drop files or", "Dosyalar\u0131 s\xFCr\xFCkleyip b\u0
 injectString("zh-Hans", "Drag & drop files or", "\u62D6\u653E\u6587\u4EF6\u6216");
 injectString("zh-TW", "Drag & drop files or", "\u62D6\u653E\u6A94\u6848\u6216");
 injectString("ro-RO", "Drag & drop files or", "Glisa\u021Bi \u0219i fixa\u021Bi fi\u0219iere sau");
-injectString("ar", "Drag & drop files or", "\u0633\u062D\u0628 \u0627\u0644\u0645\u0644\u0641\u0627\u062A \u0648\u0625\u0641\u0644\u0627\u062A\u0647\u0627 \u0623\u0648");
+injectString("ar-001", "Drag & drop files or", "\u0633\u062D\u0628 \u0627\u0644\u0645\u0644\u0641\u0627\u062A \u0648\u0625\u0641\u0644\u0627\u062A\u0647\u0627 \u0623\u0648");
 injectString("lt-LT", "Drag & drop files or", "Nuvilkite failus arba");
 injectString("lv-LV", "Drag & drop files or", "Velciet un nometiet failus vai");
 injectString("ka-GE", "Drag & drop files or", "\u10E4\u10D0\u10D8\u10DA\u10D4\u10D1\u10D8\u10E1 \u10D2\u10D0\u10D3\u10DB\u10DD\u10D7\u10E0\u10D4\u10D5\u10D0 \u10D0\u10DC");
@@ -101,7 +101,7 @@ injectString("tr", "Browse", "G\xF6zat");
 injectString("zh-Hans", "Browse", "\u6D4F\u89C8");
 injectString("zh-TW", "Browse", "\u700F\u89BD");
 injectString("ro-RO", "Browse", "R\u0103sfoire");
-injectString("ar", "Browse", "\u062A\u0635\u0641\u062D");
+injectString("ar-001", "Browse", "\u062A\u0635\u0641\u062D");
 injectString("lt-LT", "Browse", "Nar\u0161yti");
 injectString("lv-LV", "Browse", "P\u0101rl\u016Bkot");
 injectString("ka-GE", "Browse", "\u10D3\u10D0\u10D7\u10D5\u10D0\u10DA\u10D8\u10D4\u10E0\u10D4\u10D1\u10D0");
@@ -134,7 +134,7 @@ injectString("tr", "Upload files.", "Upload files.");
 injectString("zh-Hans", "Upload files.", "Upload files.");
 injectString("zh-TW", "Upload files.", "Upload files.");
 injectString("ro-RO", "Upload files.", "Upload files.");
-injectString("ar", "Upload files.", "\u0631\u0641\u0639 \u0627\u0644\u0645\u0644\u0641\u0627\u062A.");
+injectString("ar-001", "Upload files.", "\u0631\u0641\u0639 \u0627\u0644\u0645\u0644\u0641\u0627\u062A.");
 injectString("lt-LT", "Upload files.", "\u012Ekelti failus.");
 injectString("lv-LV", "Upload files.", "Aug\u0161upiel\u0101d\u0113t failus.");
 injectString("ka-GE", "Upload files.", "\u10E4\u10D0\u10D8\u10DA\u10D4\u10D1\u10D8\u10E1 \u10D0\u10E2\u10D5\u10D8\u10E0\u10D7\u10D5\u10D0.");
@@ -167,7 +167,7 @@ injectString("tr", "Supported Formats:", "Desteklenen Bi\xE7imler:");
 injectString("zh-Hans", "Supported Formats:", "\u652F\u6301\u7684\u683C\u5F0F\uFF1A");
 injectString("zh-TW", "Supported Formats:", "\u652F\u63F4\u7684\u683C\u5F0F\uFF1A");
 injectString("ro-RO", "Supported Formats:", "Formate acceptate:");
-injectString("ar", "Supported Formats:", "\u0627\u0644\u0635\u064A\u063A \u0627\u0644\u0645\u062F\u0639\u0648\u0645\u0629:");
+injectString("ar-001", "Supported Formats:", "\u0627\u0644\u0635\u064A\u063A \u0627\u0644\u0645\u062F\u0639\u0648\u0645\u0629:");
 injectString("lt-LT", "Supported Formats:", "Palaikomi formatai:");
 injectString("lv-LV", "Supported Formats:", "Atbalst\u012Btie form\u0101ti:");
 injectString("ka-GE", "Supported Formats:", "\u10DB\u10EE\u10D0\u10E0\u10D3\u10D0\u10ED\u10D4\u10E0\u10D8\u10DA\u10D8 \u10E4\u10DD\u10E0\u10DB\u10D0\u10E2\u10D4\u10D1\u10D8:");
@@ -200,7 +200,7 @@ injectString("tr", "File upload area", "File upload area");
 injectString("zh-Hans", "File upload area", "File upload area");
 injectString("zh-TW", "File upload area", "File upload area");
 injectString("ro-RO", "File upload area", "File upload area");
-injectString("ar", "File upload area", "\u0645\u0646\u0637\u0642\u0629 \u0631\u0641\u0639 \u0627\u0644\u0645\u0644\u0641\u0627\u062A");
+injectString("ar-001", "File upload area", "\u0645\u0646\u0637\u0642\u0629 \u0631\u0641\u0639 \u0627\u0644\u0645\u0644\u0641\u0627\u062A");
 injectString("lt-LT", "File upload area", "Fail\u0173 \u012Fk\u0117limo sritis");
 injectString("lv-LV", "File upload area", "Failu aug\u0161upiel\u0101des zona");
 injectString("ka-GE", "File upload area", "\u10E4\u10D0\u10D8\u10DA\u10D8\u10E1 \u10D0\u10E2\u10D5\u10D8\u10E0\u10D7\u10D5\u10D8\u10E1 \u10D6\u10DD\u10DC\u10D0");

package/esm/filters/components/filtersContainer.js

@@ -41,7 +41,7 @@ injectString("tr", "All Filters", "T\xFCm Filtreler");
 injectString("zh-Hans", "All Filters", "\u6240\u6709\u7B5B\u9009\u5668");
 injectString("zh-TW", "All Filters", "\u6240\u6709\u7BE9\u9078\u5668");
 injectString("ro-RO", "All Filters", "Toate filtrele");
-injectString("ar", "All Filters", "\u0643\u0644 \u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u062A\u0635\u0641\u064A\u0629");
+injectString("ar-001", "All Filters", "\u0643\u0644 \u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u062A\u0635\u0641\u064A\u0629");
 injectString("lt-LT", "All Filters", "Visi filtrai");
 injectString("lv-LV", "All Filters", "Visi filtri");
 injectString("ka-GE", "All Filters", "\u10E7\u10D5\u10D4\u10DA\u10D0 \u10E4\u10D8\u10DA\u10E2\u10E0\u10D8");
@@ -74,7 +74,7 @@ injectString("tr", "Clear", "Temizle");
 injectString("zh-Hans", "Clear", "\u6E05\u9664");
 injectString("zh-TW", "Clear", "\u6E05\u9664");
 injectString("ro-RO", "Clear", "\u0218terge\u021Bi");
-injectString("ar", "Clear", "\u0645\u0633\u062D");
+injectString("ar-001", "Clear", "\u0645\u0633\u062D");
 injectString("lt-LT", "Clear", "I\u0161valyti");
 injectString("lv-LV", "Clear", "Not\u012Br\u012Bt");
 injectString("ka-GE", "Clear", "\u10D2\u10D0\u10E1\u10E3\u10E4\u10D7\u10D0\u10D5\u10D4\u10D1\u10D0");
@@ -107,7 +107,7 @@ injectString("tr", "Save", "Kaydet");
 injectString("zh-Hans", "Save", "\u4FDD\u5B58");
 injectString("zh-TW", "Save", "\u5132\u5B58");
 injectString("ro-RO", "Save", "Salva\u021Bi");
-injectString("ar", "Save", "\u062D\u0641\u0638");
+injectString("ar-001", "Save", "\u062D\u0641\u0638");
 injectString("lt-LT", "Save", "I\u0161saugoti");
 injectString("lv-LV", "Save", "Saglab\u0101t");
 injectString("ka-GE", "Save", "\u10E8\u10D4\u10DC\u10D0\u10EE\u10D5\u10D0");