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

package/dist/dialog/dialogContent.js

@@ -36,7 +36,7 @@ injectString("tr", "Close", "Kapat");
 injectString("zh-Hans", "Close", "\u5173\u95ED");
 injectString("zh-TW", "Close", "\u95DC\u9589");
 injectString("ro-RO", "Close", "\xCEnchide");
-injectString("ar", "Close", "\u0625\u063A\u0644\u0627\u0642");
+injectString("ar-001", "Close", "\u0625\u063A\u0644\u0627\u0642");
 injectString("lt-LT", "Close", "U\u017Edaryti");
 injectString("lv-LV", "Close", "Aizv\u0113rt");
 injectString("ka-GE", "Close", "\u10D3\u10D0\u10EE\u10E3\u10E0\u10D5\u10D0");

package/dist/dropdown/dropdownTrigger.d.ts

@@ -1 +1 @@
-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 }: import("../dropdownRaw/dropdownTrigger").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 }: import("../dropdownRaw/dropdownTrigger").IDropdownTrigger) => import("react/jsx-runtime").JSX.Element;

package/dist/dropdownRaw/dropdownList.js

@@ -75,7 +75,7 @@ injectString("tr", "Error Loading Items", "Error Loading Items");
 injectString("zh-Hans", "Error Loading Items", "Error Loading Items");
 injectString("zh-TW", "Error Loading Items", "Error Loading Items");
 injectString("ro-RO", "Error Loading Items", "Eroare la \xEEnc\u0103rcarea articolelor");
-injectString("ar", "Error Loading Items", "\u062E\u0637\u0623 \u0641\u064A \u062A\u062D\u0645\u064A\u0644 \u0627\u0644\u0639\u0646\u0627\u0635\u0631");
+injectString("ar-001", "Error Loading Items", "\u062E\u0637\u0623 \u0641\u064A \u062A\u062D\u0645\u064A\u0644 \u0627\u0644\u0639\u0646\u0627\u0635\u0631");
 injectString("lt-LT", "Error Loading Items", "Element\u0173 \u012Fk\u0117limo klaida");
 injectString("lv-LV", "Error Loading Items", "K\u013C\u016Bda iel\u0101d\u0113jot vienumus");
 injectString("ka-GE", "Error Loading Items", "\u10D4\u10DA\u10D4\u10DB\u10D4\u10DC\u10E2\u10D4\u10D1\u10D8\u10E1 \u10E9\u10D0\u10E2\u10D5\u10D8\u10E0\u10D7\u10D5\u10D8\u10E1 \u10E8\u10D4\u10EA\u10D3\u10DD\u10DB\u10D0");
@@ -108,7 +108,7 @@ injectString("tr", "No data", "Veri yok");
 injectString("zh-Hans", "No data", "\u65E0\u6570\u636E");
 injectString("zh-TW", "No data", "\u7121\u8CC7\u6599");
 injectString("ro-RO", "No data", "Nu exist\u0103 date");
-injectString("ar", "No data", "\u0644\u0627 \u062A\u0648\u062C\u062F \u0628\u064A\u0627\u0646\u0627\u062A");
+injectString("ar-001", "No data", "\u0644\u0627 \u062A\u0648\u062C\u062F \u0628\u064A\u0627\u0646\u0627\u062A");
 injectString("lt-LT", "No data", "N\u0117ra duomen\u0173");
 injectString("lv-LV", "No data", "Nav datu");
 injectString("ka-GE", "No data", "\u10DB\u10DD\u10DC\u10D0\u10EA\u10D4\u10DB\u10D4\u10D1\u10D8 \u10D0\u10E0 \u10D0\u10E0\u10D8\u10E1");
@@ -141,7 +141,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");
@@ -174,7 +174,7 @@ injectString("tr", "Cancel", "\u0130ptal");
 injectString("zh-Hans", "Cancel", "\u53D6\u6D88");
 injectString("zh-TW", "Cancel", "\u53D6\u6D88");
 injectString("ro-RO", "Cancel", "Anula\u021Bi");
-injectString("ar", "Cancel", "\u0625\u0644\u063A\u0627\u0621");
+injectString("ar-001", "Cancel", "\u0625\u0644\u063A\u0627\u0621");
 injectString("lt-LT", "Cancel", "At\u0161aukti");
 injectString("lv-LV", "Cancel", "Atcelt");
 injectString("ka-GE", "Cancel", "\u10D2\u10D0\u10E3\u10E5\u10DB\u10D4\u10D1\u10D0");
@@ -207,7 +207,7 @@ injectString("tr", "Apply", "Uygula");
 injectString("zh-Hans", "Apply", "\u5E94\u7528");
 injectString("zh-TW", "Apply", "\u5957\u7528");
 injectString("ro-RO", "Apply", "Aplica\u021Bi");
-injectString("ar", "Apply", "\u062A\u0637\u0628\u064A\u0642");
+injectString("ar-001", "Apply", "\u062A\u0637\u0628\u064A\u0642");
 injectString("lt-LT", "Apply", "Taikyti");
 injectString("lv-LV", "Apply", "Lietot");
 injectString("ka-GE", "Apply", "\u10D2\u10D0\u10DB\u10DD\u10E7\u10D4\u10DC\u10D4\u10D1\u10D0");
@@ -240,7 +240,7 @@ injectString("tr", "Deselect all", "T\xFCm\xFCn\xFCn se\xE7imini iptal et");
 injectString("zh-Hans", "Deselect all", "\u53D6\u6D88\u5168\u9009");
 injectString("zh-TW", "Deselect all", "\u53D6\u6D88\u5168\u9078");
 injectString("ro-RO", "Deselect all", "Deselecta\u021Bi tot");
-injectString("ar", "Deselect all", "\u0625\u0644\u063A\u0627\u0621 \u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0643\u0644");
+injectString("ar-001", "Deselect all", "\u0625\u0644\u063A\u0627\u0621 \u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0643\u0644");
 injectString("lt-LT", "Deselect all", "At\u017Eym\u0117ti visus");
 injectString("lv-LV", "Deselect all", "Atcelt visas atlases");
 injectString("ka-GE", "Deselect all", "\u10E7\u10D5\u10D4\u10DA\u10D0\u10E1 \u10DB\u10DD\u10EE\u10E1\u10DC\u10D0");
@@ -273,7 +273,7 @@ injectString("tr", "Select all", "T\xFCm\xFCn\xFC se\xE7");
 injectString("zh-Hans", "Select all", "\u5168\u9009");
 injectString("zh-TW", "Select all", "\u5168\u9078");
 injectString("ro-RO", "Select all", "Selecta\u021Bi tot");
-injectString("ar", "Select all", "\u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0643\u0644");
+injectString("ar-001", "Select all", "\u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0643\u0644");
 injectString("lt-LT", "Select all", "Pasirinkti visus");
 injectString("lv-LV", "Select all", "Atlas\u012Bt visus");
 injectString("ka-GE", "Select all", "\u10E7\u10D5\u10D4\u10DA\u10D0\u10E1 \u10D0\u10E0\u10E9\u10D4\u10D5\u10D0");
@@ -306,7 +306,7 @@ injectString("tr", "Select option", "Se\xE7enek belirleyin");
 injectString("zh-Hans", "Select option", "\u9009\u62E9\u9009\u9879");
 injectString("zh-TW", "Select option", "\u9078\u53D6\u9078\u9805");
 injectString("ro-RO", "Select option", "Selecta\u021Bi op\u021Biunea");
-injectString("ar", "Select option", "\u062A\u062D\u062F\u064A\u062F \u062E\u064A\u0627\u0631");
+injectString("ar-001", "Select option", "\u062A\u062D\u062F\u064A\u062F \u062E\u064A\u0627\u0631");
 injectString("lt-LT", "Select option", "Pasirinkti parinkt\u012F");
 injectString("lv-LV", "Select option", "Atlas\u012Bt opciju");
 injectString("ka-GE", "Select option", "\u10DE\u10D0\u10E0\u10D0\u10DB\u10D4\u10E2\u10E0\u10D8\u10E1 \u10D0\u10E0\u10E9\u10D4\u10D5\u10D0");
@@ -339,7 +339,7 @@ injectString("tr", "Back", "Geri");
 injectString("zh-Hans", "Back", "\u8FD4\u56DE");
 injectString("zh-TW", "Back", "\u8FD4\u56DE");
 injectString("ro-RO", "Back", "\xCEnapoi");
-injectString("ar", "Back", "\u0631\u062C\u0648\u0639");
+injectString("ar-001", "Back", "\u0631\u062C\u0648\u0639");
 injectString("lt-LT", "Back", "Atgal");
 injectString("lv-LV", "Back", "Atpaka\u013C");
 injectString("ka-GE", "Back", "\u10E3\u10D9\u10D0\u10DC");

package/dist/dropdownRaw/dropdownPopup.js

@@ -46,7 +46,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");
@@ -79,7 +79,7 @@ injectString("tr", "Apply", "Uygula");
 injectString("zh-Hans", "Apply", "\u5E94\u7528");
 injectString("zh-TW", "Apply", "\u5957\u7528");
 injectString("ro-RO", "Apply", "Aplica\u021Bi");
-injectString("ar", "Apply", "\u062A\u0637\u0628\u064A\u0642");
+injectString("ar-001", "Apply", "\u062A\u0637\u0628\u064A\u0642");
 injectString("lt-LT", "Apply", "Taikyti");
 injectString("lv-LV", "Apply", "Lietot");
 injectString("ka-GE", "Apply", "\u10D2\u10D0\u10DB\u10DD\u10E7\u10D4\u10DC\u10D4\u10D1\u10D0");
@@ -112,7 +112,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");

package/dist/dropdownRaw/dropdownRaw.js

@@ -36,7 +36,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");
@@ -71,6 +71,23 @@ const dropdown_1 = require("../dropdown/dropdown");
 const zen_1 = require("../utils/zen");
 const isChildOf_1 = require("../utils/isChildOf");
 const keyboardHelpers_1 = require("../utils/keyboardHelpers");
+const useIsomorphicLayoutEffect_1 = require("../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.
+ */
+function findAutoFillMatch(groupsMap, text) {
+  return Object.keys(groupsMap).find(id => {
+    var _a;
+    if (id === stateReducer_1.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();
+  });
+}
 const DropdownRaw = props => {
   var _a, _b;
   const {
@@ -89,6 +106,7 @@ const DropdownRaw = props => {
     triggerAriaLabel,
     id: propId,
     inputId,
+    autocomplete,
     filterName,
     showCounterPill = true,
     showSelection,
@@ -166,6 +184,19 @@ const DropdownRaw = props => {
   const comboboxRef = (0, react_1.useRef)(null);
   const inputRef = (0, react_1.useRef)(null);
   const contentRef = (0, react_1.useRef)(null);
+  // Tracks isOpenCombo without stale closures in native DOM event handlers
+  const isOpenComboRef = (0, react_1.useRef)(false);
+  // Stores the value set by browser AutoFill so onSearchChange can detect and consume it
+  const pendingAutoFillValueRef = (0, react_1.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 = (0, react_1.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 = (0, react_1.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 = (0, react_1.useRef)(state.selectedIds);
   const prevSelectedIds = (0, react_1.useRef)({
     selected: [],
     isAllSelected: undefined,
@@ -375,6 +406,12 @@ const DropdownRaw = props => {
     (focusable[0] || triggerRef.current).focus();
   }, []);
   const handleEscape = (0, react_1.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_1.StateActionType.SetIsOpenCombo,
       payload: false
@@ -690,15 +727,216 @@ const DropdownRaw = props => {
     controlData(currentAbort.signal, state.inputValue, state.isChecked);
   }, [controlData, state.inputValue, state.isChecked, isCheckboxMode]);
   (0, useEscape_1.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.
+  (0, useIsomorphicLayoutEffect_1.useIsomorphicLayoutEffect)(() => {
+    isOpenComboRef.current = state.isOpenCombo;
+  }, [state.isOpenCombo]);
+  (0, useIsomorphicLayoutEffect_1.useIsomorphicLayoutEffect)(() => {
+    groupsMapRef.current = state.groupsMap;
+  }, [state.groupsMap]);
+  (0, useIsomorphicLayoutEffect_1.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.
+  (0, react_1.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_1.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_1.StateActionType.ChangeSingleSelection,
+            payload: {
+              value: matchedId,
+              reset: false
+            }
+          });
+        }
+        // Clear the AutoFill text from the search input (same for both modes).
+        dispatchState({
+          type: stateActionType_1.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.
+  (0, react_1.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_1.StateActionType.ChangeSelection,
+            payload: {
+              value: true,
+              itemId: matchedId
+            }
+          });
+        }
+      } else {
+        dispatchState({
+          type: stateActionType_1.StateActionType.ChangeSingleSelection,
+          payload: {
+            value: matchedId,
+            reset: false
+          }
+        });
+      }
+      // Clear the placeholder inputValue that onSearchChange set while data was loading.
+      dispatchState({
+        type: stateActionType_1.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 = (0, react_1.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_1.StateActionType.SetInputValue,
+        payload: newValue
+      });
+      return;
+    }
+    // Normal search path (not an AutoFill event).
+    pendingAutoFillValueRef.current = null;
     dispatchState({
       type: stateActionType_1.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 = (0, react_1.useCallback)(newValue => {
     dispatchState({
       type: stateActionType_1.StateActionType.SetInputValue,
@@ -720,6 +958,13 @@ const DropdownRaw = props => {
     controlData(currentAbort.signal, state.inputValue, isChecked);
   }, [controlData, state.inputValue]);
   const handleTriggerClick = (0, react_1.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_1.StateActionType.SetCurrentId,
@@ -985,6 +1230,7 @@ const DropdownRaw = props => {
       triggerAriaLabel: triggerAriaLabel,
       triggerRef: triggerRef,
       inputRef: inputRef,
+      autocomplete: autocomplete,
       buttonType: buttonType,
       handleFocusOnPopup: handleFocusOnPopup,
       popupId: memoizedAllyPattern === "selectOnlyCombobox" ? selectListId : popupId,

package/dist/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/dist/dropdownRaw/dropdownSearchableTrigger.js

@@ -44,7 +44,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");
@@ -77,7 +77,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");
@@ -110,7 +110,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");
@@ -143,7 +143,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");
@@ -178,10 +178,11 @@ 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 {
@@ -255,7 +256,8 @@ const DropdownSearchableTrigger = _a => {
           ariaLabel: placeholder,
           ariaAutocomplete: "list",
           ariaHaspopup: "dialog",
-          role: "combobox"
+          role: "combobox",
+          autocomplete: autocomplete
         })
       }), count ? (0, jsx_runtime_1.jsx)("div", {
         className: "zen-dropdown-searchable-trigger__label-element",

package/dist/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/dist/dropdownRaw/dropdownTrigger.js

@@ -19,13 +19,13 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const dropdownHelper_1 = require("./dropdownHelper");
 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 = (0, react_1.useRef)(null);
     const handleButtonClick = () => {
         handleClick(!isActive);
     };
     const allyTriggerProps = (0, react_1.useMemo)(() => (0, dropdownHelper_1.getAllyTriggerProps)(allyPattern), [allyPattern]);
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: searchField ? ((0, jsx_runtime_1.jsx)(dropdownSearchableTrigger_1.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))) : ((0, jsx_runtime_1.jsx)(filterButton_1.FilterButton, Object.assign({ ref: triggerRef, id: id, name: name, onBlur: onBlur, className: (0, classNames_1.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 ? ((0, jsx_runtime_1.jsx)("span", { className: (0, classNames_1.classNames)([
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: searchField ? ((0, jsx_runtime_1.jsx)(dropdownSearchableTrigger_1.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))) : ((0, jsx_runtime_1.jsx)(filterButton_1.FilterButton, Object.assign({ ref: triggerRef, id: id, name: name, onBlur: onBlur, className: (0, classNames_1.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 ? ((0, jsx_runtime_1.jsx)("span", { className: (0, classNames_1.classNames)([
                     "zen-dropdown__trigger-button-text",
                     buttonType ? `zen-dropdown__trigger-button-text--${buttonType.toString()}` : ""
                 ]), children: currentSelection })) : (placeholder) }))) }));

package/dist/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/dist/favoriteButton/favoriteButton.js

@@ -39,7 +39,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/dist/fileUpload/components/dropZoneContent.js

@@ -38,7 +38,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");
@@ -71,7 +71,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");
@@ -104,7 +104,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");
@@ -137,7 +137,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:");