@geotab/zenith 3.11.1 → 3.12.0-beta.0

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");

package/dist/fileUpload/components/dropZoneContent.js

@@ -12,114 +12,114 @@ const button_1 = require("../../button/button");
 const buttonType_1 = require("../../button/buttonType");
 const imageCloudUpload_1 = require("../../images/imageCloudUpload");
 const imageTapToUpload_1 = require("../../images/imageTapToUpload");
-injectString("cs", "Tap to add files", "Tap to add files");
-injectString("da-DK", "Tap to add files", "Tap to add files");
-injectString("de", "Tap to add files", "Tap to add files");
+injectString("cs", "Tap to add files", "Klepnut\xEDm p\u0159idejte soubory");
+injectString("da-DK", "Tap to add files", "Tryk for at tilf\xF8je filer");
+injectString("de", "Tap to add files", "Tippen, um Dateien hinzuzuf\xFCgen");
 injectString("en", "Tap to add files", "Tap to add files");
-injectString("es", "Tap to add files", "Tap to add files");
-injectString("fi-FI", "Tap to add files", "Tap to add files");
-injectString("fr", "Tap to add files", "Tap to add files");
-injectString("fr-FR", "Tap to add files", "Tap to add files");
-injectString("hu-HU", "Tap to add files", "Tap to add files");
-injectString("id", "Tap to add files", "Tap to add files");
-injectString("it", "Tap to add files", "Tap to add files");
-injectString("ja", "Tap to add files", "Tap to add files");
-injectString("ko-KR", "Tap to add files", "Tap to add files");
-injectString("ms", "Tap to add files", "Tap to add files");
-injectString("nb-NO", "Tap to add files", "Tap to add files");
-injectString("nl", "Tap to add files", "Tap to add files");
-injectString("pl", "Tap to add files", "Tap to add files");
-injectString("pt-BR", "Tap to add files", "Tap to add files");
-injectString("pt-PT", "Tap to add files", "Tap to add files");
-injectString("sk-SK", "Tap to add files", "Tap to add files");
-injectString("sv", "Tap to add files", "Tap to add files");
-injectString("th", "Tap to add files", "Tap to add files");
-injectString("tr", "Tap to add files", "Tap to add files");
-injectString("zh-Hans", "Tap to add files", "Tap to add files");
-injectString("zh-TW", "Tap to add files", "Tap to add files");
-injectString("ro-RO", "Tap to add files", "Tap to add files");
-injectString("ar-SA", "Tap to add files", "\u0627\u0646\u0642\u0631 \u0644\u0625\u0636\u0627\u0641\u0629 \u0645\u0644\u0641\u0627\u062A");
-injectString("cs", "Drag & drop files or", "Drag & drop files or");
-injectString("da-DK", "Drag & drop files or", "Drag & drop files or");
-injectString("de", "Drag & drop files or", "Drag & drop files or");
+injectString("es", "Tap to add files", "Toca para agregar archivos");
+injectString("fi-FI", "Tap to add files", "Lis\xE4\xE4 tiedostoja napauttamalla");
+injectString("fr", "Tap to add files", "Appuyez pour ajouter des fichiers");
+injectString("fr-FR", "Tap to add files", "Appuyez pour ajouter des fichiers");
+injectString("hu-HU", "Tap to add files", "F\xE1jlok hozz\xE1ad\xE1s\xE1hoz koppintson");
+injectString("id", "Tap to add files", "Ketuk untuk menambahkan file");
+injectString("it", "Tap to add files", "Tocca per aggiungere file");
+injectString("ja", "Tap to add files", "\u30BF\u30C3\u30D7\u3057\u3066\u30D5\u30A1\u30A4\u30EB\u3092\u8FFD\u52A0");
+injectString("ko-KR", "Tap to add files", "\uD0ED\uD558\uC5EC \uD30C\uC77C \uCD94\uAC00");
+injectString("ms", "Tap to add files", "Ketik untuk menambah fail");
+injectString("nb-NO", "Tap to add files", "Trykk for \xE5 legge til filer");
+injectString("nl", "Tap to add files", "Tik om bestanden toe te voegen");
+injectString("pl", "Tap to add files", "Dotknij, aby doda\u0107 pliki");
+injectString("pt-BR", "Tap to add files", "Toque para adicionar arquivos");
+injectString("pt-PT", "Tap to add files", "Toque para adicionar ficheiros");
+injectString("sk-SK", "Tap to add files", "Klepnut\xEDm pridajte s\xFAbory");
+injectString("sv", "Tap to add files", "Tryck f\xF6r att l\xE4gga till filer");
+injectString("th", "Tap to add files", "\u0E41\u0E15\u0E30\u0E40\u0E1E\u0E37\u0E48\u0E2D\u0E40\u0E1E\u0E34\u0E48\u0E21\u0E44\u0E1F\u0E25\u0E4C");
+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("cs", "Drag & drop files or", "P\u0159et\xE1hn\u011Bte soubory nebo");
+injectString("da-DK", "Drag & drop files or", "Tr\xE6k og slip filer eller");
+injectString("de", "Drag & drop files or", "Dateien hierher ziehen oder");
 injectString("en", "Drag & drop files or", "Drag & drop files or");
-injectString("es", "Drag & drop files or", "Drag & drop files or");
-injectString("fi-FI", "Drag & drop files or", "Drag & drop files or");
-injectString("fr", "Drag & drop files or", "Drag & drop files or");
-injectString("fr-FR", "Drag & drop files or", "Drag & drop files or");
-injectString("hu-HU", "Drag & drop files or", "Drag & drop files or");
-injectString("id", "Drag & drop files or", "Drag & drop files or");
-injectString("it", "Drag & drop files or", "Drag & drop files or");
-injectString("ja", "Drag & drop files or", "Drag & drop files or");
-injectString("ko-KR", "Drag & drop files or", "Drag & drop files or");
-injectString("ms", "Drag & drop files or", "Drag & drop files or");
-injectString("nb-NO", "Drag & drop files or", "Drag & drop files or");
-injectString("nl", "Drag & drop files or", "Drag & drop files or");
-injectString("pl", "Drag & drop files or", "Drag & drop files or");
-injectString("pt-BR", "Drag & drop files or", "Drag & drop files or");
-injectString("pt-PT", "Drag & drop files or", "Drag & drop files or");
-injectString("sk-SK", "Drag & drop files or", "Drag & drop files or");
-injectString("sv", "Drag & drop files or", "Drag & drop files or");
-injectString("th", "Drag & drop files or", "Drag & drop files or");
-injectString("tr", "Drag & drop files or", "Drag & drop files or");
-injectString("zh-Hans", "Drag & drop files or", "Drag & drop files or");
-injectString("zh-TW", "Drag & drop files or", "Drag & drop files or");
-injectString("ro-RO", "Drag & drop files or", "Drag & drop files or");
-injectString("ar-SA", "Drag & drop files or", "\u0627\u0633\u062D\u0628 \u0648\u0623\u0641\u0644\u062A \u0627\u0644\u0645\u0644\u0641\u0627\u062A \u0623\u0648");
-injectString("cs", "Browse", "Browse");
-injectString("da-DK", "Browse", "Browse");
-injectString("de", "Browse", "Browse");
+injectString("es", "Drag & drop files or", "Arrastrar y soltar archivos o");
+injectString("fi-FI", "Drag & drop files or", "Ved\xE4 ja pudota tiedostoja tai");
+injectString("fr", "Drag & drop files or", "Glisser-d\xE9poser des fichiers ou");
+injectString("fr-FR", "Drag & drop files or", "Glisser-d\xE9poser des fichiers ou");
+injectString("hu-HU", "Drag & drop files or", "H\xFAzza ide a f\xE1jlokat, vagy");
+injectString("id", "Drag & drop files or", "Seret & lepas file atau");
+injectString("it", "Drag & drop files or", "Trascina e rilascia i file o");
+injectString("ja", "Drag & drop files or", "\u30D5\u30A1\u30A4\u30EB\u3092\u30C9\u30E9\u30C3\u30B0\uFF06\u30C9\u30ED\u30C3\u30D7\u3059\u308B\u304B\u3001");
+injectString("ko-KR", "Drag & drop files or", "\uD30C\uC77C\uC744 \uB4DC\uB798\uADF8 \uC564 \uB4DC\uB86D\uD558\uAC70\uB098");
+injectString("ms", "Drag & drop files or", "Seret & lepas fail atau");
+injectString("nb-NO", "Drag & drop files or", "Dra og slipp filer eller");
+injectString("nl", "Drag & drop files or", "Bestanden slepen en neerzetten of");
+injectString("pl", "Drag & drop files or", "Przeci\u0105gnij i upu\u015B\u0107 pliki lub");
+injectString("pt-BR", "Drag & drop files or", "Arraste e solte arquivos ou");
+injectString("pt-PT", "Drag & drop files or", "Arraste e largue ficheiros ou");
+injectString("sk-SK", "Drag & drop files or", "Presu\u0148te s\xFAbory alebo");
+injectString("sv", "Drag & drop files or", "Dra och sl\xE4pp filer eller");
+injectString("th", "Drag & drop files or", "\u0E25\u0E32\u0E01\u0E41\u0E25\u0E30\u0E27\u0E32\u0E07\u0E44\u0E1F\u0E25\u0E4C\u0E2B\u0E23\u0E37\u0E2D");
+injectString("tr", "Drag & drop files or", "Dosyalar\u0131 s\xFCr\xFCkleyip b\u0131rak\u0131n veya");
+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", "\u0627\u0633\u062D\u0628 \u0648\u0623\u0641\u0644\u062A \u0627\u0644\u0645\u0644\u0641\u0627\u062A \u0623\u0648");
+injectString("cs", "Browse", "Proch\xE1zet");
+injectString("da-DK", "Browse", "Gennemse");
+injectString("de", "Browse", "Durchsuchen");
 injectString("en", "Browse", "Browse");
-injectString("es", "Browse", "Browse");
-injectString("fi-FI", "Browse", "Browse");
-injectString("fr", "Browse", "Browse");
-injectString("fr-FR", "Browse", "Browse");
-injectString("hu-HU", "Browse", "Browse");
-injectString("id", "Browse", "Browse");
-injectString("it", "Browse", "Browse");
-injectString("ja", "Browse", "Browse");
-injectString("ko-KR", "Browse", "Browse");
-injectString("ms", "Browse", "Browse");
-injectString("nb-NO", "Browse", "Browse");
-injectString("nl", "Browse", "Browse");
-injectString("pl", "Browse", "Browse");
-injectString("pt-BR", "Browse", "Browse");
-injectString("pt-PT", "Browse", "Browse");
-injectString("sk-SK", "Browse", "Browse");
-injectString("sv", "Browse", "Browse");
-injectString("th", "Browse", "Browse");
-injectString("tr", "Browse", "Browse");
-injectString("zh-Hans", "Browse", "Browse");
-injectString("zh-TW", "Browse", "Browse");
-injectString("ro-RO", "Browse", "Browse");
-injectString("ar-SA", "Browse", "\u062A\u0635\u0641\u062D");
-injectString("cs", "Supported Formats:", "Supported Formats:");
-injectString("da-DK", "Supported Formats:", "Supported Formats:");
-injectString("de", "Supported Formats:", "Supported Formats:");
+injectString("es", "Browse", "Explorar");
+injectString("fi-FI", "Browse", "Selaa");
+injectString("fr", "Browse", "Parcourir");
+injectString("fr-FR", "Browse", "Parcourir");
+injectString("hu-HU", "Browse", "Tall\xF3z\xE1s");
+injectString("id", "Browse", "Jelajahi");
+injectString("it", "Browse", "Sfoglia");
+injectString("ja", "Browse", "\u53C2\u7167");
+injectString("ko-KR", "Browse", "\uCC3E\uC544\uBCF4\uAE30");
+injectString("ms", "Browse", "Semak Imbas");
+injectString("nb-NO", "Browse", "Bla gjennom");
+injectString("nl", "Browse", "Bladeren");
+injectString("pl", "Browse", "Przegl\u0105daj");
+injectString("pt-BR", "Browse", "Procurar");
+injectString("pt-PT", "Browse", "Procurar");
+injectString("sk-SK", "Browse", "Preh\u013Ead\xE1va\u0165");
+injectString("sv", "Browse", "Bl\xE4ddra");
+injectString("th", "Browse", "\u0E40\u0E23\u0E35\u0E22\u0E01\u0E14\u0E39");
+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("cs", "Supported Formats:", "Podporovan\xE9 form\xE1ty:");
+injectString("da-DK", "Supported Formats:", "Underst\xF8ttede formater:");
+injectString("de", "Supported Formats:", "Unterst\xFCtzte Formate:");
 injectString("en", "Supported Formats:", "Supported Formats:");
-injectString("es", "Supported Formats:", "Supported Formats:");
-injectString("fi-FI", "Supported Formats:", "Supported Formats:");
-injectString("fr", "Supported Formats:", "Supported Formats:");
-injectString("fr-FR", "Supported Formats:", "Supported Formats:");
-injectString("hu-HU", "Supported Formats:", "Supported Formats:");
-injectString("id", "Supported Formats:", "Supported Formats:");
-injectString("it", "Supported Formats:", "Supported Formats:");
-injectString("ja", "Supported Formats:", "Supported Formats:");
-injectString("ko-KR", "Supported Formats:", "Supported Formats:");
-injectString("ms", "Supported Formats:", "Supported Formats:");
-injectString("nb-NO", "Supported Formats:", "Supported Formats:");
-injectString("nl", "Supported Formats:", "Supported Formats:");
-injectString("pl", "Supported Formats:", "Supported Formats:");
-injectString("pt-BR", "Supported Formats:", "Supported Formats:");
-injectString("pt-PT", "Supported Formats:", "Supported Formats:");
-injectString("sk-SK", "Supported Formats:", "Supported Formats:");
-injectString("sv", "Supported Formats:", "Supported Formats:");
-injectString("th", "Supported Formats:", "Supported Formats:");
-injectString("tr", "Supported Formats:", "Supported Formats:");
-injectString("zh-Hans", "Supported Formats:", "Supported Formats:");
-injectString("zh-TW", "Supported Formats:", "Supported Formats:");
-injectString("ro-RO", "Supported Formats:", "Supported Formats:");
-injectString("ar-SA", "Supported Formats:", "\u0627\u0644\u0635\u064A\u063A \u0627\u0644\u0645\u062F\u0639\u0648\u0645\u0629:");
+injectString("es", "Supported Formats:", "Formatos compatibles:");
+injectString("fi-FI", "Supported Formats:", "Tuetut muodot:");
+injectString("fr", "Supported Formats:", "Formats pris en charge :");
+injectString("fr-FR", "Supported Formats:", "Formats pris en charge :");
+injectString("hu-HU", "Supported Formats:", "T\xE1mogatott form\xE1tumok:");
+injectString("id", "Supported Formats:", "Format yang Didukung:");
+injectString("it", "Supported Formats:", "Formati supportati:");
+injectString("ja", "Supported Formats:", "\u5BFE\u5FDC\u30D5\u30A9\u30FC\u30DE\u30C3\u30C8\uFF1A");
+injectString("ko-KR", "Supported Formats:", "\uC9C0\uC6D0\uB418\uB294 \uD615\uC2DD:");
+injectString("ms", "Supported Formats:", "Format yang Disokong:");
+injectString("nb-NO", "Supported Formats:", "St\xF8ttede formater:");
+injectString("nl", "Supported Formats:", "Ondersteunde indelingen:");
+injectString("pl", "Supported Formats:", "Obs\u0142ugiwane formaty:");
+injectString("pt-BR", "Supported Formats:", "Formatos suportados:");
+injectString("pt-PT", "Supported Formats:", "Formatos suportados:");
+injectString("sk-SK", "Supported Formats:", "Podporovan\xE9 form\xE1ty:");
+injectString("sv", "Supported Formats:", "Format som st\xF6ds:");
+injectString("th", "Supported Formats:", "\u0E23\u0E39\u0E1B\u0E41\u0E1A\u0E1A\u0E17\u0E35\u0E48\u0E23\u0E2D\u0E07\u0E23\u0E31\u0E1A:");
+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:");
 const DropZoneContent = ({
   size,
   isMobile,