@geotab/zenith 3.11.1 → 3.12.0

package/dist/dateRangeRaw/utils/parseLabel.js

@@ -10,6 +10,6 @@ const parseLabel = (option, dateFormat, translate, toLocalFn) => {
         localeFrom.getFullYear() === localeTo.getFullYear()) {
         return (0, formatDate_1.formatDate)(localeFrom, dateFormat, translate);
     }
-    return `${(0, formatDate_1.formatDate)(localeFrom, dateFormat, translate)} - ${(0, formatDate_1.formatDate)(localeTo, dateFormat, translate)}`;
+    return `${(0, formatDate_1.formatDate)(localeFrom, dateFormat, translate)} – ${(0, formatDate_1.formatDate)(localeTo, dateFormat, translate)}`;
 };
 exports.parseLabel = parseLabel;

package/dist/dateSelectionWrapper/dateSelectionWrapper.js

@@ -34,7 +34,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-SA", "Cancel", "\u0625\u0644\u063A\u0627\u0621");
+injectString("ar", "Cancel", "\u0625\u0644\u063A\u0627\u0621");
 injectString("cs", "Clear", "Vymazat");
 injectString("da-DK", "Clear", "Ryd");
 injectString("de", "Clear", "L\xF6schen");
@@ -61,7 +61,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-SA", "Clear", "\u0645\u0633\u062D");
+injectString("ar", "Clear", "\u0645\u0633\u062D");
 injectString("cs", "Reset", "Obnovit");
 injectString("da-DK", "Reset", "Nulstil");
 injectString("de", "Reset", "Zur\xFCcksetzen");
@@ -88,7 +88,7 @@ injectString("tr", "Reset", "S\u0131f\u0131rla");
 injectString("zh-Hans", "Reset", "\u91CD\u7F6E");
 injectString("zh-TW", "Reset", "\u91CD\u8A2D");
 injectString("ro-RO", "Reset", "Reseta\u021Bi");
-injectString("ar-SA", "Reset", "\u0625\u0639\u0627\u062F\u0629 \u062A\u0639\u064A\u064A\u0646");
+injectString("ar", "Reset", "\u0625\u0639\u0627\u062F\u0629 \u062A\u0639\u064A\u064A\u0646");
 injectString("cs", "Apply", "Pou\u017E\xEDt");
 injectString("da-DK", "Apply", "Anvend");
 injectString("de", "Apply", "Anwenden");
@@ -115,7 +115,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-SA", "Apply", "\u062A\u0637\u0628\u064A\u0642");
+injectString("ar", "Apply", "\u062A\u0637\u0628\u064A\u0642");
 const button_1 = require("../button/button");
 const buttonType_1 = require("../button/buttonType");
 const react_1 = require("react");

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-SA", "Close", "\u0625\u063A\u0644\u0627\u0642");
+injectString("ar", "Close", "\u0625\u063A\u0644\u0627\u0642");
 const dialogHelpers_1 = require("./dialogHelpers");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const button_1 = require("../button/button");

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, ...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, buttonType, isError, popupId, handleFocusOnPopup, allyPattern, dataAnalyticsId, ...otherProps }: import("../dropdownRaw/dropdownTrigger").IDropdownTrigger) => import("react/jsx-runtime").JSX.Element;

package/dist/dropdownRaw/dropdownList.js

@@ -65,7 +65,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-SA", "Error Loading Items", "\u062E\u0637\u0623 \u0641\u064A \u062A\u062D\u0645\u064A\u0644 \u0627\u0644\u0639\u0646\u0627\u0635\u0631");
+injectString("ar", "Error Loading Items", "\u062E\u0637\u0623 \u0641\u064A \u062A\u062D\u0645\u064A\u0644 \u0627\u0644\u0639\u0646\u0627\u0635\u0631");
 injectString("cs", "No data", "\u017D\xE1dn\xE1 data");
 injectString("da-DK", "No data", "Ingen data");
 injectString("de", "No data", "Keine Daten");
@@ -92,7 +92,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-SA", "No data", "\u0644\u0627 \u062A\u0648\u062C\u062F \u0628\u064A\u0627\u0646\u0627\u062A");
+injectString("ar", "No data", "\u0644\u0627 \u062A\u0648\u062C\u062F \u0628\u064A\u0627\u0646\u0627\u062A");
 injectString("cs", "Clear", "Vymazat");
 injectString("da-DK", "Clear", "Ryd");
 injectString("de", "Clear", "L\xF6schen");
@@ -119,7 +119,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-SA", "Clear", "\u0645\u0633\u062D");
+injectString("ar", "Clear", "\u0645\u0633\u062D");
 injectString("cs", "Cancel", "Zru\u0161it");
 injectString("da-DK", "Cancel", "Annuller");
 injectString("de", "Cancel", "Abbrechen");
@@ -146,7 +146,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-SA", "Cancel", "\u0625\u0644\u063A\u0627\u0621");
+injectString("ar", "Cancel", "\u0625\u0644\u063A\u0627\u0621");
 injectString("cs", "Apply", "Pou\u017E\xEDt");
 injectString("da-DK", "Apply", "Anvend");
 injectString("de", "Apply", "Anwenden");
@@ -173,7 +173,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-SA", "Apply", "\u062A\u0637\u0628\u064A\u0642");
+injectString("ar", "Apply", "\u062A\u0637\u0628\u064A\u0642");
 injectString("cs", "Deselect all", "Zru\u0161it v\xFDb\u011Br v\u0161ech");
 injectString("da-DK", "Deselect all", "Frav\xE6lg alle");
 injectString("de", "Deselect all", "Auswahl f\xFCr alle aufheben");
@@ -200,7 +200,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-SA", "Deselect all", "\u0625\u0644\u063A\u0627\u0621 \u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0643\u0644");
+injectString("ar", "Deselect all", "\u0625\u0644\u063A\u0627\u0621 \u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0643\u0644");
 injectString("cs", "Select all", "Vybrat v\u0161e");
 injectString("da-DK", "Select all", "V\xE6lg alle");
 injectString("de", "Select all", "Alle ausw\xE4hlen");
@@ -227,7 +227,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-SA", "Select all", "\u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0643\u0644");
+injectString("ar", "Select all", "\u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0643\u0644");
 injectString("cs", "Select option", "Vybrat mo\u017Enost");
 injectString("da-DK", "Select option", "V\xE6lg mulighed");
 injectString("de", "Select option", "Option ausw\xE4hlen");
@@ -254,7 +254,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-SA", "Select option", "\u0627\u062E\u062A\u064A\u0627\u0631 \u062E\u064A\u0627\u0631");
+injectString("ar", "Select option", "\u0627\u062E\u062A\u064A\u0627\u0631 \u062E\u064A\u0627\u0631");
 injectString("cs", "Back", "Zp\u011Bt");
 injectString("da-DK", "Back", "Tilbage");
 injectString("de", "Back", "Zur\xFCck");
@@ -281,7 +281,7 @@ injectString("tr", "Back", "Geri");
 injectString("zh-Hans", "Back", "\u8FD4\u56DE");
 injectString("zh-TW", "Back", "\u8FD4\u56DE");
 injectString("ro-RO", "Back", "\xCEnapoi");
-injectString("ar-SA", "Back", "\u0631\u062C\u0648\u0639");
+injectString("ar", "Back", "\u0631\u062C\u0648\u0639");
 const react_1 = __importStar(require("react"));
 const checkboxListWithAction_1 = require("../checkboxListWithAction/checkboxListWithAction");
 const classNames_1 = require("../commonHelpers/classNames/classNames");

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-SA", "Filter by group", "\u062A\u0635\u0641\u064A\u0629 \u062D\u0633\u0628 \u0627\u0644\u0645\u062C\u0645\u0648\u0639\u0629");
+injectString("ar", "Filter by group", "\u062A\u0635\u0641\u064A\u0629 \u062D\u0633\u0628 \u0627\u0644\u0645\u062C\u0645\u0648\u0639\u0629");
 injectString("cs", "Apply", "Pou\u017E\xEDt");
 injectString("da-DK", "Apply", "Anvend");
 injectString("de", "Apply", "Anwenden");
@@ -73,7 +73,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-SA", "Apply", "\u062A\u0637\u0628\u064A\u0642");
+injectString("ar", "Apply", "\u062A\u0637\u0628\u064A\u0642");
 injectString("cs", "Clear", "Vymazat");
 injectString("da-DK", "Clear", "Ryd");
 injectString("de", "Clear", "L\xF6schen");
@@ -100,7 +100,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-SA", "Clear", "\u0645\u0633\u062D");
+injectString("ar", "Clear", "\u0645\u0633\u062D");
 const DropdownPopup = ({
   alignment,
   triggerRef,

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-SA", "Filter by group", "\u062A\u0635\u0641\u064A\u0629 \u062D\u0633\u0628 \u0627\u0644\u0645\u062C\u0645\u0648\u0639\u0629");
+injectString("ar", "Filter by group", "\u062A\u0635\u0641\u064A\u0629 \u062D\u0633\u0628 \u0627\u0644\u0645\u062C\u0645\u0648\u0639\u0629");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const dropdownList_1 = require("./dropdownList");
 const stateReducer_1 = require("./stateReducer/stateReducer");
@@ -81,6 +81,7 @@ const DropdownRaw = props => {
     isLoading,
     title,
     triggerAriaLabel,
+    id: propId,
     inputId,
     filterName,
     showCounterPill = true,
@@ -109,7 +110,8 @@ const DropdownRaw = props => {
     isLoadingError,
     mobileSheetStackingClassName,
     isError,
-    firstParentNodeIsVisible
+    firstParentNodeIsVisible,
+    dataAnalyticsId
   } = props;
   const {
     isFormSection
@@ -128,7 +130,15 @@ const DropdownRaw = props => {
   let onChangeInner, defaultValueInner;
   if (isFormItemVal) {
     onChangeInner = val => {
-      field === null || field === void 0 ? void 0 : field.onChange(val.map(item => item.id));
+      if (Array.isArray(val)) {
+        field === null || field === void 0 ? void 0 : field.onChange(val.map(item => item.id));
+      } else if (typeof val === "object" && val !== null && "selected" in val) {
+        field === null || field === void 0 ? void 0 : field.onChange(Object.assign(Object.assign({}, val), {
+          selected: val.selected.map(item => item.id)
+        }));
+      } else {
+        field === null || field === void 0 ? void 0 : field.onChange(val);
+      }
     };
     defaultValueInner = ((_a = props.controller) === null || _a === void 0 ? void 0 : _a.defaultValue) || [];
   } else {
@@ -477,15 +487,15 @@ const DropdownRaw = props => {
         selected: preparedItems,
         isAllSelected: state.isAllSelected || false
       };
-      onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+      onChangeInner === null || onChangeInner === void 0 ? void 0 : onChangeInner(newValue);
     } else {
       const newValue = isCheckboxMode ? {
         selected: preparedItems,
         isChecked: state.isChecked
       } : preparedItems;
-      onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+      onChangeInner === null || onChangeInner === void 0 ? void 0 : onChangeInner(newValue);
     }
-  }, [state.selectedIds, state.isAllSelected, state.isChecked, state.groupsMap, state.groupsMapSelected, isCheckboxMode, handleClose, isFullSelectionMode, onChange]);
+  }, [state.selectedIds, state.isAllSelected, state.isChecked, state.groupsMap, state.groupsMapSelected, isCheckboxMode, handleClose, isFullSelectionMode, onChangeInner]);
   const customGetData = (0, react_1.useCallback)(str => str && dataItems ? Promise.resolve(dataItems.filter(el => {
     var _a;
     return (((_a = el.name) === null || _a === void 0 ? void 0 : _a.toLocaleLowerCase()) || "").indexOf(str.trim().toLocaleLowerCase()) > -1;
@@ -551,12 +561,18 @@ const DropdownRaw = props => {
   }, [setChecked, setSearch]);
   const debouncedGetData = (0, useDebounce_1.useDebounce)((signal, searchValue, isChecked) => getData ? (isCheckboxMode ? getData(signal, searchValue, isChecked) : getData(signal, searchValue)).then(dta => handleData(dta, searchValue)).catch(handleError) : customGetData(searchValue).then(dta => handleData(dta, searchValue)).catch(handleError), 200);
   const controlData = (0, react_1.useCallback)((signal, searchValue, isChecked) => {
-    !isQueryMode && dispatchState({
-      type: stateActionType_1.StateActionType.ShowWaiting,
-      payload: undefined
-    });
-    isQueryMode ? handleQueryMode(searchValue, isChecked) : debouncedGetData(signal, searchValue, isChecked);
-  }, [debouncedGetData, handleQueryMode, isQueryMode]);
+    if (isQueryMode) {
+      handleQueryMode(searchValue, isChecked);
+    } else if (!getData && dataItems && !searchValue) {
+      handleData(dataItems, "");
+    } else {
+      dispatchState({
+        type: stateActionType_1.StateActionType.ShowWaiting,
+        payload: undefined
+      });
+      debouncedGetData(signal, searchValue, isChecked);
+    }
+  }, [debouncedGetData, handleData, handleQueryMode, isQueryMode, getData, dataItems]);
   (0, react_1.useEffect)(() => {
     var _a;
     const timeoutId = (_a = zen_1.zen.setTimeout) === null || _a === void 0 ? void 0 : _a.call(zen_1.zen, () => {
@@ -601,15 +617,15 @@ const DropdownRaw = props => {
         selected: preparedItems,
         isAllSelected: state.isAllSelected || false
       };
-      onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+      onChangeInner === null || onChangeInner === void 0 ? void 0 : onChangeInner(newValue);
     } else {
       const newValue = isCheckboxMode ? {
         selected: preparedItems,
         isChecked: state.isChecked
       } : preparedItems;
-      onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+      onChangeInner === null || onChangeInner === void 0 ? void 0 : onChangeInner(newValue);
     }
-  }, [onChangeInner, value, state.selectedIds, state.groupsMapSelected, state.groupsMap, hasApplyButton, state.isAllSelected, isFullSelectionMode, state.isChecked, isCheckboxMode, onChange]);
+  }, [onChangeInner, value, state.selectedIds, state.groupsMapSelected, state.groupsMap, hasApplyButton, state.isAllSelected, isFullSelectionMode, state.isChecked, isCheckboxMode]);
   (0, react_1.useEffect)(() => {
     // when change outside
     const selectedValue = isFullSelectionMode || isCheckboxMode ? value.selected : value;
@@ -939,7 +955,7 @@ const DropdownRaw = props => {
       className: (0, classNames_1.classNames)([!width && !fullWidthTriggerButton && parentTriggerWidth < 420 && !searchField ? "zen-dropdown__trigger-button--width-parent" : "", isError ? "zen-dropdown__trigger-button--error" : ""]),
       currentSelection: memoizedCurrentSelection,
       isActive: state.isOpenCombo,
-      id: inputId,
+      id: inputId || propId,
       isError: isError,
       disabled: disabled,
       count: showCounterPill ? countSelected : 0,
@@ -957,7 +973,8 @@ const DropdownRaw = props => {
       buttonType: buttonType,
       handleFocusOnPopup: handleFocusOnPopup,
       popupId: memoizedAllyPattern === "selectOnlyCombobox" ? selectListId : popupId,
-      allyPattern: memoizedAllyPattern
+      allyPattern: memoizedAllyPattern,
+      dataAnalyticsId: dataAnalyticsId
     }, accessibilityProps)), (0, jsx_runtime_1.jsx)(dropdownPopup_1.DropdownPopup, {
       alignment: alignment,
       triggerRef: triggerRef,

package/dist/dropdownRaw/dropdownSearchableTrigger.d.ts

@@ -21,9 +21,10 @@ interface IDropdownSearchableTrigger {
     onBlur?: () => void;
     popupId?: 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, ...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, 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-SA", "Filter by group", "\u062A\u0635\u0641\u064A\u0629 \u062D\u0633\u0628 \u0627\u0644\u0645\u062C\u0645\u0648\u0639\u0629");
+injectString("ar", "Filter by group", "\u062A\u0635\u0641\u064A\u0629 \u062D\u0633\u0628 \u0627\u0644\u0645\u062C\u0645\u0648\u0639\u0629");
 injectString("cs", "Clear search", "Vymazat vyhled\xE1v\xE1n\xED");
 injectString("da-DK", "Clear search", "Ryd s\xF8gning");
 injectString("de", "Clear search", "Suche l\xF6schen");
@@ -71,7 +71,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-SA", "Clear search", "\u0645\u0633\u062D \u0627\u0644\u0628\u062D\u062B");
+injectString("ar", "Clear search", "\u0645\u0633\u062D \u0627\u0644\u0628\u062D\u062B");
 injectString("cs", "Close filter", "Zav\u0159\xEDt filtr");
 injectString("da-DK", "Close filter", "Luk filter");
 injectString("de", "Close filter", "Filter schlie\xDFen");
@@ -98,7 +98,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-SA", "Close filter", "\u0625\u063A\u0644\u0627\u0642 \u0627\u0644\u062A\u0635\u0641\u064A\u0629");
+injectString("ar", "Close filter", "\u0625\u063A\u0644\u0627\u0642 \u0627\u0644\u062A\u0635\u0641\u064A\u0629");
 injectString("cs", "Open filter", "Otev\u0159\xEDt filtr");
 injectString("da-DK", "Open filter", "\xC5bn filter");
 injectString("de", "Open filter", "Filter \xF6ffnen");
@@ -125,7 +125,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-SA", "Open filter", "\u0641\u062A\u062D \u0627\u0644\u062A\u0635\u0641\u064A\u0629");
+injectString("ar", "Open filter", "\u0641\u062A\u062D \u0627\u0644\u062A\u0635\u0641\u064A\u0629");
 const textInputRaw_1 = require("../textInputRaw/textInputRaw");
 const iconChevronDownSmall_1 = require("../icons/iconChevronDownSmall");
 const iconCrossThin_1 = require("../icons/deprecated/iconCrossThin");
@@ -154,9 +154,10 @@ const DropdownSearchableTrigger = _a => {
       name,
       onBlur,
       popupId,
-      handleFocusOnPopup
+      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"])
+    otherProps = __rest(_a, ["value", "className", "onChange", "placeholder", "isOpenPopup", "inputRef", "handleClick", "width", "title", "id", "disabled", "count", "currentSelection", "isError", "fullWidth", "ref", "name", "onBlur", "popupId", "handleFocusOnPopup", "dataAnalyticsId"])
     // eslint-disable-next-line complexity
   ;
   const {
@@ -209,6 +210,7 @@ const DropdownSearchableTrigger = _a => {
     ref: ref
   }, otherProps, {
     onClick: disabled ? () => {} : clickHandler,
+    "data-analytics-id": dataAnalyticsId,
     children: [(0, jsx_runtime_1.jsxs)("div", {
       onBlur: onBlur,
       className: (0, classNames_1.classNames)(["zen-dropdown-searchable-trigger__search-container", className]),

package/dist/dropdownRaw/dropdownTrigger.d.ts

@@ -25,6 +25,7 @@ export interface IDropdownTrigger extends IZenComponentProps {
     popupId?: string;
     handleFocusOnPopup?: () => void;
     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, ...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, 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" } = _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"]);
+    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"]);
     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 }, 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, 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, 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

@@ -24,6 +24,7 @@ interface IFetchState<T> {
 export interface IFetchDropdownState extends IFetchState<IDropdownRawItem[]> {
 }
 interface IDropdownBase extends IChipsParent {
+    id?: string;
     /**
      * @deprecated
      * @param translate - will be removed in the next major release
@@ -60,6 +61,7 @@ interface IDropdownBase extends IChipsParent {
     fetchState?: IFetchDropdownState;
     mobileSheetStackingClassName?: string;
     firstParentNodeIsVisible?: boolean;
+    dataAnalyticsId?: string;
 }
 interface IDropdownBaseDefault {
     disabled?: 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-SA", "Favorite", "\u0627\u0644\u0645\u0641\u0636\u0644\u0629");
+injectString("ar", "Favorite", "\u0627\u0644\u0645\u0641\u0636\u0644\u0629");
 const useDriveClassName_1 = require("../utils/theme/useDriveClassName");
 const useDrive_1 = require("../utils/theme/useDrive");
 const useMobile_1 = require("../commonHelpers/hooks/useMobile");