@geotab/zenith 3.11.1 → 3.12.0-beta.0

package/esm/formStepperButtons/formStepperButtons.js

@@ -3,6 +3,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback } from "react";
 import { Button } from "../button/button";
 import { IconChevronLeft } from "../icons/iconChevronLeft";
+import { IconChevronRight } from "../icons/iconChevronRight";
+import { useDirectionalIcon } from "../utils/localization/useDirectionalIcon";
 import { TextIconButton } from "../textIconButton/textIconButton";
 import { useLanguage } from "../utils/localization/useLanguage";
 import { STEPPER_LAST_STEP } from "../formStepper/formStepper";
@@ -34,7 +36,7 @@ injectString("tr", "Previous step", "\xD6nceki ad\u0131m");
 injectString("zh-Hans", "Previous step", "\u524D\u4E00\u6B65");
 injectString("zh-TW", "Previous step", "\u4E0A\u4E00\u6B65");
 injectString("ro-RO", "Previous step", "Pasul anterior");
-injectString("ar-SA", "Previous step", "\u0627\u0644\u062E\u0637\u0648\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629");
+injectString("ar", "Previous step", "\u0627\u0644\u062E\u0637\u0648\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629");
 injectString("cs", "Cancel", "Zru\u0161it");
 injectString("da-DK", "Cancel", "Annuller");
 injectString("de", "Cancel", "Abbrechen");
@@ -61,7 +63,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", "Submit", "Odeslat");
 injectString("da-DK", "Submit", "Indsend");
 injectString("de", "Submit", "Absenden");
@@ -88,7 +90,7 @@ injectString("tr", "Submit", "G\xF6nder");
 injectString("zh-Hans", "Submit", "\u63D0\u4EA4");
 injectString("zh-TW", "Submit", "\u63D0\u4EA4");
 injectString("ro-RO", "Submit", "Trimite\u021Bi");
-injectString("ar-SA", "Submit", "\u0625\u0631\u0633\u0627\u0644");
+injectString("ar", "Submit", "\u0625\u0631\u0633\u0627\u0644");
 injectString("cs", "Continue", "Pokra\u010Dovat");
 injectString("da-DK", "Continue", "Forts\xE6t");
 injectString("de", "Continue", "Fortsetzen");
@@ -115,7 +117,7 @@ injectString("tr", "Continue", "Devam");
 injectString("zh-Hans", "Continue", "\u7EE7\u7EED");
 injectString("zh-TW", "Continue", "\u7E7C\u7E8C");
 injectString("ro-RO", "Continue", "Continua\u021Bi");
-injectString("ar-SA", "Continue", "\u0645\u062A\u0627\u0628\u0639\u0629");
+injectString("ar", "Continue", "\u0645\u062A\u0627\u0628\u0639\u0629");
 export const FormStepperButtons = ({
   onPrevious,
   onCancel,
@@ -131,6 +133,7 @@ export const FormStepperButtons = ({
     translate
   } = useLanguage();
   const isMobile = useMobile();
+  const BackChevronIcon = useDirectionalIcon(IconChevronLeft, IconChevronRight);
   const onPreviousHandler = useCallback(() => {
     const currIndex = getCurrentIndex(steps, current);
     const prevStep = currIndex > 0 ? steps[currIndex - 1].id : null;
@@ -169,7 +172,7 @@ export const FormStepperButtons = ({
       className: "zen-form-step-buttons__left",
       children: !isFirstStep && _jsx(TextIconButton, {
         className: "zen-form-step-buttons__previous",
-        icon: IconChevronLeft,
+        icon: BackChevronIcon,
         type: "tertiary-black",
         onClick: onPreviousHandler,
         children: translate("Previous step")

package/esm/gridLayout/hooks/useGridClasses.js

@@ -52,7 +52,8 @@ export const useGridClasses = (children, childrenArr, colsState = {
     tablet: TABLET_COLS_NUMBER,
     mobile: MOBILE_COLS_NUMBER
 }) => {
-    Children.forEach(children, (child, indx) => {
+    childrenArr.length = 0;
+    Children.forEach(children, (child) => {
         var _a;
         if (!child || typeof child === "string") {
             return;
@@ -86,15 +87,8 @@ export const useGridClasses = (children, childrenArr, colsState = {
             isFitContent ? FIT_CONTENT_CLASS : ""
         ]);
         const clone = cloneElement(el, {
-            key: el.props.id || el.key || indx,
             className: itemClassName
         });
-        const prevElementIndex = childrenArr.findIndex((prevItem) => prevItem.key === clone.key);
-        if (prevElementIndex !== -1) {
-            childrenArr[prevElementIndex] = clone;
-        }
-        else {
-            childrenArr.push(clone);
-        }
+        childrenArr.push(clone);
     });
 };

package/esm/groupButtonRaw/groupButtonRaw.js

@@ -9,7 +9,7 @@ import { useMobileClassName } from "../utils/theme/useMobileClassName";
 // TODO: tests
 export const GroupButtonRaw = (props) => {
     var _a;
-    const { fullWidth, groupData, className, isError, isReadOnly, controller, value: valueProp } = props;
+    const { fullWidth, groupData, className, isError, isReadOnly, controller, value: valueProp, id } = props;
     const nameGroupId = useId();
     const driveClasses = useDriveClassName("zen-group-button");
     const mobileClasses = useMobileClassName("zen-group-button");
@@ -21,7 +21,7 @@ export const GroupButtonRaw = (props) => {
         return _jsx(ReviewTextControl, { value: value.name, className: "zen-group-button__review" });
     }
     // TODO: is it a proper place for onBlur handler?
-    return (_jsx("ul", { onBlur: onBlurHandlerMemo, role: "group", "aria-label": props.ariaLabel || "Group Button", className: classNames([
+    return (_jsx("ul", { id: id, onBlur: onBlurHandlerMemo, role: "group", "aria-label": props.ariaLabel || "Group Button", className: classNames([
             "zen-group-button",
             isError ? "zen-group-button--error" : "",
             mobileClasses || driveClasses || "",

package/esm/groupButtonRaw/types.d.ts

@@ -10,6 +10,7 @@ interface IGroupButtons {
     selected?: boolean;
 }
 export interface IGroupButtonRawBase extends IZenComponentProps {
+    id?: string;
     groupData: IGroupButtons[];
     fullWidth?: boolean;
     value?: string;

package/esm/groupsFilterRaw/groupsFilterAdjustmentState.js

@@ -5,6 +5,8 @@ import { IconHouse } from "../icons/deprecated/iconHouse";
 import { IconCheckRadio } from "../icons/iconCheckRadio";
 import { useLanguage } from "../utils/localization/useLanguage";
 import { IconArrowLeft } from "../icons/iconArrowLeft";
+import { IconArrowRight } from "../icons/iconArrowRight";
+import { useDirectionalIcon } from "../utils/localization/useDirectionalIcon";
 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");
@@ -31,7 +33,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");
@@ -58,7 +60,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", "Back", "Zp\u011Bt");
 injectString("da-DK", "Back", "Tilbage");
 injectString("de", "Back", "Zur\xFCck");
@@ -85,7 +87,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");
 injectString("cs", "Home", "Dom\u016F");
 injectString("da-DK", "Home", "Hjem");
 injectString("de", "Home", "Zuhause");
@@ -112,7 +114,7 @@ injectString("tr", "Home", "Ev");
 injectString("zh-Hans", "Home", "\u4F4F\u5B85");
 injectString("zh-TW", "Home", "\u9996\u9801");
 injectString("ro-RO", "Home", "Acas\u0103");
-injectString("ar-SA", "Home", "\u0627\u0644\u0631\u0626\u064A\u0633\u064A\u0629");
+injectString("ar", "Home", "\u0627\u0644\u0631\u0626\u064A\u0633\u064A\u0629");
 export const GroupsFilterAdjustmentState = ({
   children,
   onBackButtonClick,
@@ -124,6 +126,7 @@ export const GroupsFilterAdjustmentState = ({
   const {
     translate
   } = useLanguage();
+  const BackArrowIcon = useDirectionalIcon(IconArrowLeft, IconArrowRight);
   const handleSelectAllClick = () => {
     onSelectAllClick(isAllSelected);
   };
@@ -147,7 +150,7 @@ export const GroupsFilterAdjustmentState = ({
     className: "zen-groups-filter-menu__content-adjustment",
     children: [_jsxs("div", {
       className: "zen-groups-filter-menu__item-wrapper",
-      children: [getActionButton(backButtonName ? backButtonName : translate("Back"), translate("Back"), IconArrowLeft, onBackButtonClick), _jsx("button", {
+      children: [getActionButton(backButtonName ? backButtonName : translate("Back"), translate("Back"), BackArrowIcon, onBackButtonClick), _jsx("button", {
         type: "button",
         onClick: onHomeButtonClick,
         className: "zen-groups-filter-menu__item zen-groups-filter-menu__item--interactive zen-groups-filter-menu__action-button zen-groups-filter-menu__item--end zen-groups-filter-menu__action-button-home",

package/esm/groupsFilterRaw/groupsFilterBox.js

@@ -30,7 +30,7 @@ injectString("tr", "Built-in Groups", "Yerle\u015Fik Gruplar");
 injectString("zh-Hans", "Built-in Groups", "\u5185\u7F6E\u7EC4");
 injectString("zh-TW", "Built-in Groups", "\u5167\u5EFA\u7FA4\u7D44");
 injectString("ro-RO", "Built-in Groups", "Grupuri \xEEncorporate");
-injectString("ar-SA", "Built-in Groups", "\u0627\u0644\u0645\u062C\u0645\u0648\u0639\u0627\u062A \u0627\u0644\u0645\u062F\u0645\u062C\u0629");
+injectString("ar", "Built-in Groups", "\u0627\u0644\u0645\u062C\u0645\u0648\u0639\u0627\u062A \u0627\u0644\u0645\u062F\u0645\u062C\u0629");
 injectString("cs", "User Groups", "Skupiny u\u017Eivatel\u016F");
 injectString("da-DK", "User Groups", "Brugergrupper");
 injectString("de", "User Groups", "Benutzergruppen");
@@ -57,7 +57,7 @@ injectString("tr", "User Groups", "Kullan\u0131c\u0131 Gruplar\u0131");
 injectString("zh-Hans", "User Groups", "\u7528\u6237\u7EC4");
 injectString("zh-TW", "User Groups", "\u4F7F\u7528\u8005\u7FA4\u7D44");
 injectString("ro-RO", "User Groups", "Grupuri de utilizatori");
-injectString("ar-SA", "User Groups", "\u0645\u062C\u0645\u0648\u0639\u0627\u062A \u0627\u0644\u0645\u0633\u062A\u062E\u062F\u0645\u064A\u0646");
+injectString("ar", "User Groups", "\u0645\u062C\u0645\u0648\u0639\u0627\u062A \u0627\u0644\u0645\u0633\u062A\u062E\u062F\u0645\u064A\u0646");
 injectString("cs", "Advanced Filter", "Roz\u0161\xED\u0159en\xFD filtr");
 injectString("da-DK", "Advanced Filter", "Avanceret filter");
 injectString("de", "Advanced Filter", "Erweiterter Filter");
@@ -84,7 +84,7 @@ injectString("tr", "Advanced Filter", "Geli\u015Fmi\u015F Filtre");
 injectString("zh-Hans", "Advanced Filter", "\u9AD8\u7EA7\u7B5B\u9009\u5668");
 injectString("zh-TW", "Advanced Filter", "\u9032\u968E\u7BE9\u9078");
 injectString("ro-RO", "Advanced Filter", "Filtru avansat");
-injectString("ar-SA", "Advanced Filter", "\u062A\u0635\u0641\u064A\u0629 \u0645\u062A\u0642\u062F\u0645\u0629");
+injectString("ar", "Advanced Filter", "\u062A\u0635\u0641\u064A\u0629 \u0645\u062A\u0642\u062F\u0645\u0629");
 export const ADVANCED_FILTER_ID = "advancedGroups";
 export const GroupsFilterBox = ({
   blocks,

package/esm/groupsFilterRaw/groupsFilterCommon.js

@@ -30,7 +30,7 @@ injectString("tr", "Currently Selected", "\u015Eu Anda Se\xE7ili");
 injectString("zh-Hans", "Currently Selected", "\u5F53\u524D\u9009\u62E9");
 injectString("zh-TW", "Currently Selected", "\u76EE\u524D\u5DF2\u9078\u53D6");
 injectString("ro-RO", "Currently Selected", "Selec\u021Bie curent\u0103");
-injectString("ar-SA", "Currently Selected", "\u0627\u0644\u0645\u062D\u062F\u062F \u062D\u0627\u0644\u064A\u0627\u064B");
+injectString("ar", "Currently Selected", "\u0627\u0644\u0645\u062D\u062F\u062F \u062D\u0627\u0644\u064A\u0627\u064B");
 injectString("cs", "All groups", "V\u0161echny skupiny");
 injectString("da-DK", "All groups", "Alle grupper");
 injectString("de", "All groups", "Alle Gruppen");
@@ -57,7 +57,7 @@ injectString("tr", "All groups", "T\xFCm gruplar");
 injectString("zh-Hans", "All groups", "\u6240\u6709\u7EC4");
 injectString("zh-TW", "All groups", "\u6240\u6709\u7FA4\u7D44");
 injectString("ro-RO", "All groups", "Toate grupurile");
-injectString("ar-SA", "All groups", "\u062C\u0645\u064A\u0639 \u0627\u0644\u0645\u062C\u0645\u0648\u0639\u0627\u062A");
+injectString("ar", "All groups", "\u062C\u0645\u064A\u0639 \u0627\u0644\u0645\u062C\u0645\u0648\u0639\u0627\u062A");
 export const GroupsFilterCurrentlySelectedLabel = ({
   count,
   className

package/esm/groupsFilterRaw/groupsFilterCurrentlySelectedState.js

@@ -35,7 +35,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");
 injectString("cs", "Apply site-wide", "Pou\u017E\xEDt pro cel\xFD web");
 injectString("da-DK", "Apply site-wide", "Anvend p\xE5 hele webstedet");
 injectString("de", "Apply site-wide", "Auf gesamter Seite anwenden");
@@ -62,7 +62,7 @@ injectString("tr", "Apply site-wide", "Site genelinde uygula");
 injectString("zh-Hans", "Apply site-wide", "\u5728\u6574\u4E2A\u7AD9\u70B9\u5E94\u7528");
 injectString("zh-TW", "Apply site-wide", "\u5957\u7528\u81F3\u6574\u500B\u7DB2\u7AD9");
 injectString("ro-RO", "Apply site-wide", "Aplica\u021Bi pe tot site-ul");
-injectString("ar-SA", "Apply site-wide", "\u062A\u0637\u0628\u064A\u0642 \u0639\u0644\u0649 \u0645\u0633\u062A\u0648\u0649 \u0627\u0644\u0645\u0648\u0642\u0639");
+injectString("ar", "Apply site-wide", "\u062A\u0637\u0628\u064A\u0642 \u0639\u0644\u0649 \u0645\u0633\u062A\u0648\u0649 \u0627\u0644\u0645\u0648\u0642\u0639");
 injectString("cs", "Operator", "Oper\xE1tor");
 injectString("da-DK", "Operator", "Operat\xF8r");
 injectString("de", "Operator", "Operator");
@@ -89,7 +89,7 @@ injectString("tr", "Operator", "Operat\xF6r");
 injectString("zh-Hans", "Operator", "\u64CD\u4F5C\u5458");
 injectString("zh-TW", "Operator", "\u904B\u7B97\u5B50");
 injectString("ro-RO", "Operator", "Operator");
-injectString("ar-SA", "Operator", "\u0639\u0627\u0645\u0644 \u0627\u0644\u062A\u0634\u063A\u064A\u0644");
+injectString("ar", "Operator", "\u0639\u0627\u0645\u0644 \u0627\u0644\u062A\u0634\u063A\u064A\u0644");
 injectString("cs", "OR", "NEBO");
 injectString("da-DK", "OR", "ELLER");
 injectString("de", "OR", "ODER");
@@ -116,7 +116,7 @@ injectString("tr", "OR", "VEYA");
 injectString("zh-Hans", "OR", "\u6216");
 injectString("zh-TW", "OR", "\u6216");
 injectString("ro-RO", "OR", "SAU");
-injectString("ar-SA", "OR", "\u0623\u0648");
+injectString("ar", "OR", "\u0623\u0648");
 injectString("cs", "AND", "A");
 injectString("da-DK", "AND", "OG");
 injectString("de", "AND", "UND");
@@ -143,7 +143,7 @@ injectString("tr", "AND", "VE");
 injectString("zh-Hans", "AND", "\u548C");
 injectString("zh-TW", "AND", "\u548C");
 injectString("ro-RO", "AND", "\u0218I");
-injectString("ar-SA", "AND", "\u0648");
+injectString("ar", "AND", "\u0648");
 export const GroupsFilterCurrentlySelectedState = ({
   children,
   siteWideState,

package/esm/groupsFilterRaw/groupsFilterHelper.js

@@ -28,7 +28,7 @@ injectString("tr", "OperatorOr", "VEYA");
 injectString("zh-Hans", "OperatorOr", "\u6216");
 injectString("zh-TW", "OperatorOr", "OperatorOr");
 injectString("ro-RO", "OperatorOr", "OperatorOr");
-injectString("ar-SA", "OperatorOr", "\u0623\u0648");
+injectString("ar", "OperatorOr", "\u0623\u0648");
 injectString("cs", "OperatorAnd", "A");
 injectString("da-DK", "OperatorAnd", "OG");
 injectString("de", "OperatorAnd", "UND");
@@ -55,7 +55,7 @@ injectString("tr", "OperatorAnd", "VE");
 injectString("zh-Hans", "OperatorAnd", "\u548C");
 injectString("zh-TW", "OperatorAnd", "OperatorAnd");
 injectString("ro-RO", "OperatorAnd", "OperatorAnd");
-injectString("ar-SA", "OperatorAnd", "\u0648");
+injectString("ar", "OperatorAnd", "\u0648");
 const isAdvancedFilterItem = item => item && item.relation !== undefined;
 export function prepareFilters(state) {
   const canBeSimplify = (item, relation) => item.items.length === 1 && item.items[0].id && item.relation === relation;

package/esm/groupsFilterRaw/groupsFilterInitialState.js

@@ -5,6 +5,8 @@ import { GroupsFilterCurrentlySelectedLabel } from "./groupsFilterCommon";
 import { IconGlobe } from "../icons/deprecated/iconGlobe";
 import { IconOrgFilter } from "../icons/deprecated/iconOrgFilter";
 import { IconChevronRight } from "../icons/iconChevronRight";
+import { IconChevronLeft } from "../icons/iconChevronLeft";
+import { useDirectionalIcon } from "../utils/localization/useDirectionalIcon";
 import { useLanguage } from "../utils/localization/useLanguage";
 import { ToggleButtonRaw } from "../toggleButtonRaw/toggleButtonRaw";
 import { Divider } from "../divider/divider";
@@ -34,7 +36,7 @@ injectString("tr", "View currently selected filters", "\u015Eu anda se\xE7ili fi
 injectString("zh-Hans", "View currently selected filters", "\u67E5\u770B\u5F53\u524D\u9009\u4E2D\u7684\u7B5B\u9009\u5668");
 injectString("zh-TW", "View currently selected filters", "\u6AA2\u8996\u76EE\u524D\u9078\u53D6\u7684\u7BE9\u9078\u689D\u4EF6");
 injectString("ro-RO", "View currently selected filters", "Vede\u021Bi filtrele selectate acum");
-injectString("ar-SA", "View currently selected filters", "\u0639\u0631\u0636 \u0627\u0644\u062A\u0635\u0641\u064A\u0627\u062A \u0627\u0644\u0645\u062D\u062F\u062F\u0629 \u062D\u0627\u0644\u064A\u0627\u064B");
+injectString("ar", "View currently selected filters", "\u0639\u0631\u0636 \u0627\u0644\u062A\u0635\u0641\u064A\u0627\u062A \u0627\u0644\u0645\u062D\u062F\u062F\u0629 \u062D\u0627\u0644\u064A\u0627\u064B");
 injectString("cs", "Number of selected groups - {count}", "Po\u010Det vybran\xFDch skupin\xA0\u2013 {\u200Bcount}");
 injectString("da-DK", "Number of selected groups - {count}", "Antal valgte grupper - {count}");
 injectString("de", "Number of selected groups - {count}", "Anzahl ausgew\xE4hlter Gruppen \u2013 {\u200Bcount}");
@@ -61,7 +63,7 @@ injectString("tr", "Number of selected groups - {count}", "Se\xE7ilen grup say\u
 injectString("zh-Hans", "Number of selected groups - {count}", "\u9009\u4E2D\u7684\u7EC4\u6570\u91CF - {count}");
 injectString("zh-TW", "Number of selected groups - {count}", "\u6240\u9078\u7FA4\u7D44\u7684\u6578\u76EE - {count}");
 injectString("ro-RO", "Number of selected groups - {count}", "Num\u0103r de grupuri selectate \u2013 {count}");
-injectString("ar-SA", "Number of selected groups - {count}", "\u0639\u062F\u062F \u0627\u0644\u0645\u062C\u0645\u0648\u0639\u0627\u062A \u0627\u0644\u0645\u062D\u062F\u062F\u0629 - {count}");
+injectString("ar", "Number of selected groups - {count}", "\u0639\u062F\u062F \u0627\u0644\u0645\u062C\u0645\u0648\u0639\u0627\u062A \u0627\u0644\u0645\u062D\u062F\u062F\u0629 - {count}");
 injectString("cs", "All groups selected", "Jsou vybr\xE1ny v\u0161echny skupiny");
 injectString("da-DK", "All groups selected", "Alle grupper valgt");
 injectString("de", "All groups selected", "Alle Gruppen ausgew\xE4hlt");
@@ -88,7 +90,7 @@ injectString("tr", "All groups selected", "T\xFCm gruplar se\xE7ildi");
 injectString("zh-Hans", "All groups selected", "\u5DF2\u9009\u62E9\u6240\u6709\u7EC4");
 injectString("zh-TW", "All groups selected", "\u5DF2\u9078\u53D6\u6240\u6709\u7FA4\u7D44");
 injectString("ro-RO", "All groups selected", "Toate grupurile selectate");
-injectString("ar-SA", "All groups selected", "\u062A\u0645 \u062A\u062D\u062F\u064A\u062F \u062C\u0645\u064A\u0639 \u0627\u0644\u0645\u062C\u0645\u0648\u0639\u0627\u062A");
+injectString("ar", "All groups selected", "\u062A\u0645 \u062A\u062D\u062F\u064A\u062F \u062C\u0645\u064A\u0639 \u0627\u0644\u0645\u062C\u0645\u0648\u0639\u0627\u062A");
 injectString("cs", "Apply site-wide", "Pou\u017E\xEDt pro cel\xFD web");
 injectString("da-DK", "Apply site-wide", "Anvend p\xE5 hele webstedet");
 injectString("de", "Apply site-wide", "Auf gesamter Seite anwenden");
@@ -115,7 +117,7 @@ injectString("tr", "Apply site-wide", "Site genelinde uygula");
 injectString("zh-Hans", "Apply site-wide", "\u5728\u6574\u4E2A\u7AD9\u70B9\u5E94\u7528");
 injectString("zh-TW", "Apply site-wide", "\u5957\u7528\u81F3\u6574\u500B\u7DB2\u7AD9");
 injectString("ro-RO", "Apply site-wide", "Aplica\u021Bi pe tot site-ul");
-injectString("ar-SA", "Apply site-wide", "\u062A\u0637\u0628\u064A\u0642 \u0639\u0644\u0649 \u0645\u0633\u062A\u0648\u0649 \u0627\u0644\u0645\u0648\u0642\u0639");
+injectString("ar", "Apply site-wide", "\u062A\u0637\u0628\u064A\u0642 \u0639\u0644\u0649 \u0645\u0633\u062A\u0648\u0649 \u0627\u0644\u0645\u0648\u0642\u0639");
 injectString("cs", "Advanced groups filter", "Roz\u0161\xED\u0159en\xFD filtr skupin");
 injectString("da-DK", "Advanced groups filter", "Avanceret grupperfilter");
 injectString("de", "Advanced groups filter", "Erweiterte Gruppenfilter");
@@ -142,7 +144,7 @@ injectString("tr", "Advanced groups filter", "Geli\u015Fmi\u015F grup filtresi")
 injectString("zh-Hans", "Advanced groups filter", "\u9AD8\u7EA7\u7EC4\u7B5B\u9009\u5668");
 injectString("zh-TW", "Advanced groups filter", "\u9032\u968E\u7FA4\u7D44\u7BE9\u9078");
 injectString("ro-RO", "Advanced groups filter", "Filtru de grupuri avansat");
-injectString("ar-SA", "Advanced groups filter", "\u062A\u0635\u0641\u064A\u0629 \u0627\u0644\u0645\u062C\u0645\u0648\u0639\u0627\u062A \u0627\u0644\u0645\u062A\u0642\u062F\u0645\u0629");
+injectString("ar", "Advanced groups filter", "\u062A\u0635\u0641\u064A\u0629 \u0627\u0644\u0645\u062C\u0645\u0648\u0639\u0627\u062A \u0627\u0644\u0645\u062A\u0642\u062F\u0645\u0629");
 injectString("cs", "Advanced", "Roz\u0161\xED\u0159en\xFD");
 injectString("da-DK", "Advanced", "Avanceret");
 injectString("de", "Advanced", "Erweitert");
@@ -169,7 +171,7 @@ injectString("tr", "Advanced", "Geli\u015Fmi\u015F");
 injectString("zh-Hans", "Advanced", "\u9AD8\u7EA7");
 injectString("zh-TW", "Advanced", "\u9032\u968E");
 injectString("ro-RO", "Advanced", "Avansat");
-injectString("ar-SA", "Advanced", "\u0645\u062A\u0642\u062F\u0645");
+injectString("ar", "Advanced", "\u0645\u062A\u0642\u062F\u0645");
 injectString("cs", "Select Filters:", "Vybran\xE9 filtry:");
 injectString("da-DK", "Select Filters:", "V\xE6lg filtre:");
 injectString("de", "Select Filters:", "Filter ausw\xE4hlen:");
@@ -196,7 +198,7 @@ injectString("tr", "Select Filters:", "Se\xE7ili Filtreler:");
 injectString("zh-Hans", "Select Filters:", "\u9009\u4E2D\u7684\u7B5B\u9009\u5668\uFF1A");
 injectString("zh-TW", "Select Filters:", "\u9078\u64C7\u7BE9\u9078\u689D\u4EF6\uFF1A");
 injectString("ro-RO", "Select Filters:", "Selecta\u021Bi filtrele:");
-injectString("ar-SA", "Select Filters:", "\u062A\u062D\u062F\u064A\u062F \u0627\u0644\u062A\u0635\u0641\u064A\u0627\u062A:");
+injectString("ar", "Select Filters:", "\u062A\u062D\u062F\u064A\u062F \u0627\u0644\u062A\u0635\u0641\u064A\u0627\u062A:");
 injectString("cs", "Results", "V\xFDsledky");
 injectString("da-DK", "Results", "Resultater");
 injectString("de", "Results", "Ergebnisse");
@@ -223,7 +225,7 @@ injectString("tr", "Results", "Sonu\xE7lar");
 injectString("zh-Hans", "Results", "\u7ED3\u679C");
 injectString("zh-TW", "Results", "\u7D50\u679C");
 injectString("ro-RO", "Results", "Rezultate");
-injectString("ar-SA", "Results", "\u0627\u0644\u0646\u062A\u0627\u0626\u062C");
+injectString("ar", "Results", "\u0627\u0644\u0646\u062A\u0627\u0626\u062C");
 export const GroupsFilterInitialState = ({
   children,
   siteWideState,
@@ -237,6 +239,7 @@ export const GroupsFilterInitialState = ({
     translate
   } = useLanguage();
   const togglerId = useId();
+  const ChevronIcon = useDirectionalIcon(IconChevronRight, IconChevronLeft);
   const handleTogglerChange = newState => onSiteWideChange(newState);
   const currentlySelectedAriaLabel = translate("View currently selected filters").concat(". ").concat(count ? translate("Number of selected groups - {count}").replace("{count}", count.toString()) : translate("All groups selected"));
   return _jsxs("div", {
@@ -285,7 +288,7 @@ export const GroupsFilterInitialState = ({
       children: _jsxs(_Fragment, {
         children: [_jsx(GroupsFilterCurrentlySelectedLabel, {
           count: count
-        }), _jsx(IconChevronRight, {
+        }), _jsx(ChevronIcon, {
           size: "large"
         })]
       })

package/esm/groupsFilterRaw/groupsFilterMenu.js

@@ -30,7 +30,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");
@@ -57,7 +57,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");
@@ -84,7 +84,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");
 export const GroupsFilterMenu = ({
   children,
   onCancelClick,

package/esm/groupsFilterRaw/groupsFilterRaw.d.ts

@@ -32,6 +32,7 @@ export interface IGroupsFilterRaw extends IZenComponentProps, IChipsParent {
     advancedDialog?: IAdvancedEntitiesNavigatorDialog;
     classNamePopup?: string;
     className?: string;
+    dataAnalyticsId?: string;
 }
 export declare const GroupsFilterRaw: (props: TGroupsFilterRaw & IFormFieldComponent) => import("react/jsx-runtime").JSX.Element;
 export declare const TRANSLATIONS: string[];

package/esm/groupsFilterRaw/groupsFilterRaw.js

@@ -62,7 +62,7 @@ injectString("tr", "Groups", "Gruplar");
 injectString("zh-Hans", "Groups", "\u7EC4");
 injectString("zh-TW", "Groups", "\u7FA4\u7D44");
 injectString("ro-RO", "Groups", "Grupuri");
-injectString("ar-SA", "Groups", "\u0627\u0644\u0645\u062C\u0645\u0648\u0639\u0627\u062A");
+injectString("ar", "Groups", "\u0627\u0644\u0645\u062C\u0645\u0648\u0639\u0627\u062A");
 injectString("cs", "Or", "Nebo");
 injectString("da-DK", "Or", "Eller");
 injectString("de", "Or", "Oder");
@@ -89,7 +89,7 @@ injectString("tr", "Or", "Veya");
 injectString("zh-Hans", "Or", "\u6216");
 injectString("zh-TW", "Or", "\u6216");
 injectString("ro-RO", "Or", "Sau");
-injectString("ar-SA", "Or", "\u0623\u0648");
+injectString("ar", "Or", "\u0623\u0648");
 injectString("cs", "And", "A");
 injectString("da-DK", "And", "Og");
 injectString("de", "And", "Und");
@@ -116,7 +116,7 @@ injectString("tr", "And", "Ve");
 injectString("zh-Hans", "And", "\u548C");
 injectString("zh-TW", "And", "\u548C");
 injectString("ro-RO", "And", "\u0218i");
-injectString("ar-SA", "And", "\u0648");
+injectString("ar", "And", "\u0648");
 injectString("cs", "Filter by group", "Filtrovat podle skupiny");
 injectString("da-DK", "Filter by group", "Filtrer efter gruppe");
 injectString("de", "Filter by group", "Nach Gruppe filtern");
@@ -143,7 +143,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");
@@ -170,7 +170,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", "Cancel", "Zru\u0161it");
 injectString("da-DK", "Cancel", "Annuller");
 injectString("de", "Cancel", "Abbrechen");
@@ -197,7 +197,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");
@@ -224,7 +224,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", "Organization groups filter", "Filtr skupin organizace");
 injectString("da-DK", "Organization groups filter", "Filter for organisationsgrupper");
 injectString("de", "Organization groups filter", "Filter f\xFCr Firmengruppen");
@@ -251,7 +251,7 @@ injectString("tr", "Organization groups filter", "Organizasyon gruplar\u0131 fil
 injectString("zh-Hans", "Organization groups filter", "\u7EC4\u7EC7\u7EC4\u7B5B\u9009\u5668");
 injectString("zh-TW", "Organization groups filter", "\u7D44\u7E54\u7FA4\u7D44\u7BE9\u9078");
 injectString("ro-RO", "Organization groups filter", "Filtru grupuri de organiza\u021Bii");
-injectString("ar-SA", "Organization groups filter", "\u062A\u0635\u0641\u064A\u0629 \u0645\u062C\u0645\u0648\u0639\u0627\u062A \u0627\u0644\u0645\u0646\u0638\u0645\u0629");
+injectString("ar", "Organization groups filter", "\u062A\u0635\u0641\u064A\u0629 \u0645\u062C\u0645\u0648\u0639\u0627\u062A \u0627\u0644\u0645\u0646\u0638\u0645\u0629");
 export const GroupsFilterRaw = props => {
   var _a;
   const {
@@ -270,7 +270,9 @@ export const GroupsFilterRaw = props => {
     chip,
     chipIcon,
     chipId,
-    chipName
+    chipName,
+    dataAnalyticsId,
+    id: propId
   } = props;
   const chipStatus = useChipStatus();
   const {
@@ -962,7 +964,10 @@ export const GroupsFilterRaw = props => {
       fullSize: fullSize,
       placeholder: groupPlaceHolder,
       popupId: popupId,
-      handleFocusOnPopup: handleFocusOnPopup
+      handleFocusOnPopup: handleFocusOnPopup,
+      dataAnalyticsId: dataAnalyticsId,
+      id: propId || groupsFilterId,
+      isError: isError
     }), isMobile ? memoizedMobileView : memoizedDesktopView, uiState.isOpenAdvancedFilter && getAdvancedDialog]
   });
 };

package/esm/groupsFilterRaw/groupsFilterTrigger.d.ts

@@ -16,9 +16,10 @@ interface IGroupsFilterTrigger {
     isError?: boolean;
     popupId?: string;
     handleFocusOnPopup?: () => void;
+    dataAnalyticsId?: string;
 }
 export declare const GroupsFilterTrigger: {
-    ({ value, className, onChange, placeholder, isOpenPopup, count, withGlobeIcon, inputRef, handleClick, fullSize, ref, isError, popupId, handleFocusOnPopup, ...otherProps }: IGroupsFilterTrigger): import("react/jsx-runtime").JSX.Element;
+    ({ value, className, onChange, placeholder, isOpenPopup, count, withGlobeIcon, inputRef, handleClick, fullSize, ref, isError, popupId, handleFocusOnPopup, dataAnalyticsId, id, ...otherProps }: IGroupsFilterTrigger): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const TRANSLATIONS: string[];

package/esm/groupsFilterRaw/groupsFilterTrigger.js

@@ -41,7 +41,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", "Open filter", "Otev\u0159\xEDt filtr");
 injectString("da-DK", "Open filter", "\xC5bn filter");
 injectString("de", "Open filter", "Filter \xF6ffnen");
@@ -68,7 +68,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");
 export const GroupsFilterTrigger = _a => {
   var {
       value,
@@ -84,9 +84,11 @@ export const GroupsFilterTrigger = _a => {
       ref,
       isError,
       popupId,
-      handleFocusOnPopup
+      handleFocusOnPopup,
+      dataAnalyticsId,
+      id
     } = _a,
-    otherProps = __rest(_a, ["value", "className", "onChange", "placeholder", "isOpenPopup", "count", "withGlobeIcon", "inputRef", "handleClick", "fullSize", "ref", "isError", "popupId", "handleFocusOnPopup"]);
+    otherProps = __rest(_a, ["value", "className", "onChange", "placeholder", "isOpenPopup", "count", "withGlobeIcon", "inputRef", "handleClick", "fullSize", "ref", "isError", "popupId", "handleFocusOnPopup", "dataAnalyticsId", "id"]);
   const {
     translate
   } = useLanguage();
@@ -122,6 +124,7 @@ export const GroupsFilterTrigger = _a => {
     ref: ref
   }, otherProps, {
     onClick: clickHandler,
+    "data-analytics-id": dataAnalyticsId,
     children: [_jsxs("div", {
       className: classNames(["zen-groups-filter__search-container", isError ? "zen-groups-filter__search-container--error" : "", fullSize ? "zen-groups-filter__search-container--full-size" : "", className]),
       children: [_jsx("div", {
@@ -135,7 +138,7 @@ export const GroupsFilterTrigger = _a => {
           disabled: false,
           type: "text",
           ref: inputRef,
-          id: groupsFilterId,
+          id: id || groupsFilterId,
           ariaExpanded: isOpenPopup ? "true" : "false",
           ariaControls: popupId,
           ariaLabel: placeholder,