@geotab/zenith 3.11.1 → 3.12.0-beta.0

package/dist/formLayout/hooks/useFormButtons.js

@@ -41,7 +41,7 @@ injectString("tr", "Save", "Kaydet");
 injectString("zh-Hans", "Save", "\u4FDD\u5B58");
 injectString("zh-TW", "Save", "\u5132\u5B58");
 injectString("ro-RO", "Save", "Salva\u021Bi");
-injectString("ar-SA", "Save", "\u062D\u0641\u0638");
+injectString("ar", "Save", "\u062D\u0641\u0638");
 injectString("cs", "Edit", "Upravit");
 injectString("da-DK", "Edit", "Rediger");
 injectString("de", "Edit", "Bearbeiten");
@@ -68,7 +68,7 @@ injectString("tr", "Edit", "D\xFCzenle");
 injectString("zh-Hans", "Edit", "\u7F16\u8F91");
 injectString("zh-TW", "Edit", "\u7DE8\u8F2F");
 injectString("ro-RO", "Edit", "Edita\u021Bi");
-injectString("ar-SA", "Edit", "\u062A\u0639\u062F\u064A\u0644");
+injectString("ar", "Edit", "\u062A\u0639\u062F\u064A\u0644");
 injectString("cs", "Cancel", "Zru\u0161it");
 injectString("da-DK", "Cancel", "Annuller");
 injectString("de", "Cancel", "Abbrechen");
@@ -95,7 +95,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");
 const useFormButtons = (props = {}) => {
   const {
     onSave,

package/dist/formLayout/utils/applyGridPropsStatic.js

@@ -23,7 +23,7 @@ const applyGridPropsStatic = (element, indx, columns, result) => {
         result.push((0, react_1.cloneElement)(element, {
             // @ts-ignore
             gridLgStart: 3,
-            gridLg: 7,
+            gridLg: 8,
             gridMdStart: 2,
             gridMd: 6,
             gridSmStart: 1,

package/dist/formLayout/utils/flattenErrors.d.ts

@@ -0,0 +1,5 @@
+import type { FieldError, FieldErrors } from "react-hook-form";
+export declare const flattenErrors: (errors: FieldErrors, prefix?: string) => {
+    name: string;
+    error: FieldError;
+}[];

package/dist/formLayout/utils/flattenErrors.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.flattenErrors = void 0;
+const flattenErrors = (errors, prefix = "") => Object.entries(errors).flatMap(([key, value]) => {
+    const fullKey = prefix ? `${prefix}.${key}` : key;
+    if (value && typeof value === "object" && "type" in value) {
+        return [{ name: fullKey, error: value }];
+    }
+    if (value && typeof value === "object") {
+        return (0, exports.flattenErrors)(value, fullKey);
+    }
+    return [];
+});
+exports.flattenErrors = flattenErrors;

package/dist/formLayout/utils/getChildrenWithCustomColumns.js

@@ -15,6 +15,9 @@ const getChildrenWithCustomColumns = (children) => {
         return (0, react_1.isValidElement)(children) && children.type === layoutColum_1.LayoutColumn ? [children.props.children] : [children];
     }
     let filtered = children.filter(child => {
+        if (!(0, react_1.isValidElement)(child)) {
+            return false;
+        }
         if (child.type !== layoutColum_1.LayoutColumn) {
             return true;
         }

package/dist/formLayout/utils/getFieldLabel.d.ts

@@ -0,0 +1 @@
+export declare const getFieldLabel: (id: string) => string | null;

package/dist/formLayout/utils/getFieldLabel.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFieldLabel = void 0;
+const zen_1 = require("../../utils/zen");
+const getFieldLabel = (id) => {
+    var _a, _b, _c, _d, _e, _f, _g;
+    if (typeof zen_1.zen.document === "undefined" || typeof zen_1.zen.document.querySelector !== "function")
+        return null;
+    const direct = (_b = (_a = zen_1.zen.document.querySelector(`label[for="${id}"]`)) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim();
+    if (direct !== undefined)
+        return direct || null;
+    const row = (_c = zen_1.zen.document.getElementById(id)) === null || _c === void 0 ? void 0 : _c.closest(".zen-custom-form-row");
+    if (!row)
+        return null;
+    let sibling = row.previousElementSibling;
+    while (sibling) {
+        if (sibling.tagName === "LABEL")
+            return (_e = (_d = sibling.textContent) === null || _d === void 0 ? void 0 : _d.trim()) !== null && _e !== void 0 ? _e : null;
+        const inner = sibling.querySelector("label");
+        if (inner)
+            return (_g = (_f = inner.textContent) === null || _f === void 0 ? void 0 : _f.trim()) !== null && _g !== void 0 ? _g : null;
+        sibling = sibling.previousElementSibling;
+    }
+    return null;
+};
+exports.getFieldLabel = getFieldLabel;

package/dist/formSection/hooks/useError.js

@@ -38,7 +38,7 @@ injectString("tr", "Reload", "Yeniden y\xFCkle");
 injectString("zh-Hans", "Reload", "\u91CD\u65B0\u52A0\u8F7D");
 injectString("zh-TW", "Reload", "\u91CD\u65B0\u8F09\u5165");
 injectString("ro-RO", "Reload", "Re\xEEnc\u0103rca\u021Bi");
-injectString("ar-SA", "Reload", "\u0625\u0639\u0627\u062F\u0629 \u062A\u062D\u0645\u064A\u0644");
+injectString("ar", "Reload", "\u0625\u0639\u0627\u062F\u0629 \u062A\u062D\u0645\u064A\u0644");
 injectString("cs", "Failed to load section", "Failed to load section");
 injectString("da-DK", "Failed to load section", "Failed to load section");
 injectString("de", "Failed to load section", "Failed to load section");
@@ -65,7 +65,7 @@ injectString("tr", "Failed to load section", "Failed to load section");
 injectString("zh-Hans", "Failed to load section", "Failed to load section");
 injectString("zh-TW", "Failed to load section", "Failed to load section");
 injectString("ro-RO", "Failed to load section", "Nu s-a putut \xEEnc\u0103rca sec\u021Biunea");
-injectString("ar-SA", "Failed to load section", "\u0641\u0634\u0644 \u062A\u062D\u0645\u064A\u0644 \u0627\u0644\u0642\u0633\u0645");
+injectString("ar", "Failed to load section", "\u0641\u0634\u0644 \u062A\u062D\u0645\u064A\u0644 \u0627\u0644\u0642\u0633\u0645");
 injectString("cs", "Please reload this section to try again. If the issue persists, contact Support.", "Please reload this section to try again. If the issue persists, contact Support.");
 injectString("da-DK", "Please reload this section to try again. If the issue persists, contact Support.", "Please reload this section to try again. If the issue persists, contact Support.");
 injectString("de", "Please reload this section to try again. If the issue persists, contact Support.", "Please reload this section to try again. If the issue persists, contact Support.");
@@ -92,7 +92,7 @@ injectString("tr", "Please reload this section to try again. If the issue persis
 injectString("zh-Hans", "Please reload this section to try again. If the issue persists, contact Support.", "Please reload this section to try again. If the issue persists, contact Support.");
 injectString("zh-TW", "Please reload this section to try again. If the issue persists, contact Support.", "Please reload this section to try again. If the issue persists, contact Support.");
 injectString("ro-RO", "Please reload this section to try again. If the issue persists, contact Support.", "Re\xEEnc\u0103rca\u021Bi aceast\u0103 sec\u021Biune pentru a \xEEncerca din nou. Dac\u0103 problema persist\u0103, contacta\u021Bi Asisten\u021Ba.");
-injectString("ar-SA", "Please reload this section to try again. If the issue persists, contact Support.", "\u064A\u0631\u062C\u0649 \u0625\u0639\u0627\u062F\u0629 \u062A\u062D\u0645\u064A\u0644 \u0647\u0630\u0627 \u0627\u0644\u0642\u0633\u0645 \u0644\u0644\u0645\u062D\u0627\u0648\u0644\u0629 \u0645\u0631\u0629 \u0623\u062E\u0631\u0649. \u0625\u0630\u0627 \u0627\u0633\u062A\u0645\u0631\u062A \u0627\u0644\u0645\u0634\u0643\u0644\u0629\u060C \u0627\u062A\u0635\u0644 \u0628\u0627\u0644\u062F\u0639\u0645.");
+injectString("ar", "Please reload this section to try again. If the issue persists, contact Support.", "\u064A\u0631\u062C\u0649 \u0625\u0639\u0627\u062F\u0629 \u062A\u062D\u0645\u064A\u0644 \u0647\u0630\u0627 \u0627\u0644\u0642\u0633\u0645 \u0644\u0644\u0645\u062D\u0627\u0648\u0644\u0629 \u0645\u0631\u0629 \u0623\u062E\u0631\u0649. \u0625\u0630\u0627 \u0627\u0633\u062A\u0645\u0631\u062A \u0627\u0644\u0645\u0634\u0643\u0644\u0629\u060C \u0627\u062A\u0635\u0644 \u0628\u0627\u0644\u062F\u0639\u0645.");
 const useError = props => {
   const {
     translate

package/dist/formStepper/components/formStep.js

@@ -38,7 +38,7 @@ injectString("tr", "Optional", "\u0130ste\u011Fe ba\u011Fl\u0131");
 injectString("zh-Hans", "Optional", "\u53EF\u9009");
 injectString("zh-TW", "Optional", "\u9078\u586B");
 injectString("ro-RO", "Optional", "Op\u021Bional");
-injectString("ar-SA", "Optional", "\u0627\u062E\u062A\u064A\u0627\u0631\u064A");
+injectString("ar", "Optional", "\u0627\u062E\u062A\u064A\u0627\u0631\u064A");
 const FormStep = ({
   isFirst,
   value,

package/dist/formStepper/formStepper.js

@@ -38,7 +38,7 @@ injectString("tr", "Step {0} of {1}", "Ad\u0131m {0} / {1}");
 injectString("zh-Hans", "Step {0} of {1}", "\u6B65\u9AA4 {0} / {1} ");
 injectString("zh-TW", "Step {0} of {1}", "\u6B65\u9A5F {0} (\u5171 {1} \u500B)");
 injectString("ro-RO", "Step {0} of {1}", "Pasul {0} din {1}");
-injectString("ar-SA", "Step {0} of {1}", "\u0627\u0644\u062E\u0637\u0648\u0629 {0} \u0645\u0646 {1}");
+injectString("ar", "Step {0} of {1}", "\u0627\u0644\u062E\u0637\u0648\u0629 {0} \u0645\u0646 {1}");
 injectString("cs", "Optional", "Voliteln\xE9");
 injectString("da-DK", "Optional", "Valgfri");
 injectString("de", "Optional", "Optional");
@@ -65,7 +65,7 @@ injectString("tr", "Optional", "\u0130ste\u011Fe ba\u011Fl\u0131");
 injectString("zh-Hans", "Optional", "\u53EF\u9009");
 injectString("zh-TW", "Optional", "\u9078\u586B");
 injectString("ro-RO", "Optional", "Op\u021Bional");
-injectString("ar-SA", "Optional", "\u0627\u062E\u062A\u064A\u0627\u0631\u064A");
+injectString("ar", "Optional", "\u0627\u062E\u062A\u064A\u0627\u0631\u064A");
 const MAX_STEPS = 7;
 exports.STEPPER_LAST_STEP = "lastStep";
 const FormStepper = ({

package/dist/formStepperButtons/formStepperButtons.js

@@ -11,6 +11,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const button_1 = require("../button/button");
 const iconChevronLeft_1 = require("../icons/iconChevronLeft");
+const iconChevronRight_1 = require("../icons/iconChevronRight");
+const useDirectionalIcon_1 = require("../utils/localization/useDirectionalIcon");
 const textIconButton_1 = require("../textIconButton/textIconButton");
 const useLanguage_1 = require("../utils/localization/useLanguage");
 const formStepper_1 = require("../formStepper/formStepper");
@@ -42,7 +44,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");
@@ -69,7 +71,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");
@@ -96,7 +98,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");
@@ -123,7 +125,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");
 const FormStepperButtons = ({
   onPrevious,
   onCancel,
@@ -139,6 +141,7 @@ const FormStepperButtons = ({
     translate
   } = (0, useLanguage_1.useLanguage)();
   const isMobile = (0, useMobile_1.useMobile)();
+  const BackChevronIcon = (0, useDirectionalIcon_1.useDirectionalIcon)(iconChevronLeft_1.IconChevronLeft, iconChevronRight_1.IconChevronRight);
   const onPreviousHandler = (0, react_1.useCallback)(() => {
     const currIndex = (0, getCurrentIndex_1.getCurrentIndex)(steps, current);
     const prevStep = currIndex > 0 ? steps[currIndex - 1].id : null;
@@ -177,7 +180,7 @@ const FormStepperButtons = ({
       className: "zen-form-step-buttons__left",
       children: !isFirstStep && (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, {
         className: "zen-form-step-buttons__previous",
-        icon: iconChevronLeft_1.IconChevronLeft,
+        icon: BackChevronIcon,
         type: "tertiary-black",
         onClick: onPreviousHandler,
         children: translate("Previous step")

package/dist/gridLayout/hooks/useGridClasses.js

@@ -55,7 +55,8 @@ const useGridClasses = (children, childrenArr, colsState = {
     tablet: constants_1.TABLET_COLS_NUMBER,
     mobile: constants_1.MOBILE_COLS_NUMBER
 }) => {
-    react_1.Children.forEach(children, (child, indx) => {
+    childrenArr.length = 0;
+    react_1.Children.forEach(children, (child) => {
         var _a;
         if (!child || typeof child === "string") {
             return;
@@ -89,16 +90,9 @@ const useGridClasses = (children, childrenArr, colsState = {
             isFitContent ? constants_1.FIT_CONTENT_CLASS : ""
         ]);
         const clone = (0, react_1.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);
     });
 };
 exports.useGridClasses = useGridClasses;

package/dist/groupButtonRaw/groupButtonRaw.js

@@ -12,7 +12,7 @@ const useMobileClassName_1 = require("../utils/theme/useMobileClassName");
 // TODO: tests
 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 = (0, react_1.useId)();
     const driveClasses = (0, useDriveClassName_1.useDriveClassName)("zen-group-button");
     const mobileClasses = (0, useMobileClassName_1.useMobileClassName)("zen-group-button");
@@ -24,7 +24,7 @@ const GroupButtonRaw = (props) => {
         return (0, jsx_runtime_1.jsx)(reviewTextControl_1.ReviewTextControl, { value: value.name, className: "zen-group-button__review" });
     }
     // TODO: is it a proper place for onBlur handler?
-    return ((0, jsx_runtime_1.jsx)("ul", { onBlur: onBlurHandlerMemo, role: "group", "aria-label": props.ariaLabel || "Group Button", className: (0, classNames_1.classNames)([
+    return ((0, jsx_runtime_1.jsx)("ul", { id: id, onBlur: onBlurHandlerMemo, role: "group", "aria-label": props.ariaLabel || "Group Button", className: (0, classNames_1.classNames)([
             "zen-group-button",
             isError ? "zen-group-button--error" : "",
             mobileClasses || driveClasses || "",

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

@@ -39,7 +39,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");
@@ -66,7 +66,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");
@@ -93,7 +93,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");
@@ -120,12 +120,14 @@ 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");
 const react_1 = __importDefault(require("react"));
 const iconHouse_1 = require("../icons/deprecated/iconHouse");
 const iconCheckRadio_1 = require("../icons/iconCheckRadio");
 const useLanguage_1 = require("../utils/localization/useLanguage");
 const iconArrowLeft_1 = require("../icons/iconArrowLeft");
+const iconArrowRight_1 = require("../icons/iconArrowRight");
+const useDirectionalIcon_1 = require("../utils/localization/useDirectionalIcon");
 const GroupsFilterAdjustmentState = ({
   children,
   onBackButtonClick,
@@ -137,6 +139,7 @@ const GroupsFilterAdjustmentState = ({
   const {
     translate
   } = (0, useLanguage_1.useLanguage)();
+  const BackArrowIcon = (0, useDirectionalIcon_1.useDirectionalIcon)(iconArrowLeft_1.IconArrowLeft, iconArrowRight_1.IconArrowRight);
   const handleSelectAllClick = () => {
     onSelectAllClick(isAllSelected);
   };
@@ -160,7 +163,7 @@ const GroupsFilterAdjustmentState = ({
     className: "zen-groups-filter-menu__content-adjustment",
     children: [(0, jsx_runtime_1.jsxs)("div", {
       className: "zen-groups-filter-menu__item-wrapper",
-      children: [getActionButton(backButtonName ? backButtonName : translate("Back"), translate("Back"), iconArrowLeft_1.IconArrowLeft, onBackButtonClick), (0, jsx_runtime_1.jsx)("button", {
+      children: [getActionButton(backButtonName ? backButtonName : translate("Back"), translate("Back"), BackArrowIcon, onBackButtonClick), (0, jsx_runtime_1.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/dist/groupsFilterRaw/groupsFilterBox.js

@@ -38,7 +38,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");
@@ -65,7 +65,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");
@@ -92,7 +92,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");
 exports.ADVANCED_FILTER_ID = "advancedGroups";
 const GroupsFilterBox = ({
   blocks,

package/dist/groupsFilterRaw/groupsFilterCommon.js

@@ -35,7 +35,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");
@@ -62,7 +62,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");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const useLanguage_1 = require("../utils/localization/useLanguage");
 const pill_1 = require("../pill/pill");

package/dist/groupsFilterRaw/groupsFilterCurrentlySelectedState.js

@@ -37,7 +37,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");
@@ -64,7 +64,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");
@@ -91,7 +91,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");
@@ -118,7 +118,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");
@@ -145,7 +145,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");
 const twoOptionsSwitcher_1 = require("../twoOptionsSwitcher/twoOptionsSwitcher");
 const iconGlobe_1 = require("../icons/deprecated/iconGlobe");
 const iconBackArrow_1 = require("../icons/deprecated/iconBackArrow");

package/dist/groupsFilterRaw/groupsFilterHelper.js

@@ -36,7 +36,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");
@@ -63,7 +63,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;
 function prepareFilters(state) {
   const canBeSimplify = (item, relation) => item.items.length === 1 && item.items[0].id && item.relation === relation;

package/dist/groupsFilterRaw/groupsFilterInitialState.js

@@ -36,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}");
@@ -63,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");
@@ -90,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");
@@ -117,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");
@@ -144,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");
@@ -171,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:");
@@ -198,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");
@@ -225,10 +225,12 @@ 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");
 const iconGlobe_1 = require("../icons/deprecated/iconGlobe");
 const iconOrgFilter_1 = require("../icons/deprecated/iconOrgFilter");
 const iconChevronRight_1 = require("../icons/iconChevronRight");
+const iconChevronLeft_1 = require("../icons/iconChevronLeft");
+const useDirectionalIcon_1 = require("../utils/localization/useDirectionalIcon");
 const useLanguage_1 = require("../utils/localization/useLanguage");
 const toggleButtonRaw_1 = require("../toggleButtonRaw/toggleButtonRaw");
 const divider_1 = require("../divider/divider");
@@ -245,6 +247,7 @@ const GroupsFilterInitialState = ({
     translate
   } = (0, useLanguage_1.useLanguage)();
   const togglerId = (0, react_1.useId)();
+  const ChevronIcon = (0, useDirectionalIcon_1.useDirectionalIcon)(iconChevronRight_1.IconChevronRight, iconChevronLeft_1.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 (0, jsx_runtime_1.jsxs)("div", {
@@ -293,7 +296,7 @@ const GroupsFilterInitialState = ({
       children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, {
         children: [(0, jsx_runtime_1.jsx)(groupsFilterCommon_1.GroupsFilterCurrentlySelectedLabel, {
           count: count
-        }), (0, jsx_runtime_1.jsx)(iconChevronRight_1.IconChevronRight, {
+        }), (0, jsx_runtime_1.jsx)(ChevronIcon, {
           size: "large"
         })]
       })

package/dist/groupsFilterRaw/groupsFilterMenu.js

@@ -36,7 +36,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");
@@ -63,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", "Apply", "Pou\u017E\xEDt");
 injectString("da-DK", "Apply", "Anvend");
 injectString("de", "Apply", "Anwenden");
@@ -90,7 +90,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 useLanguage_1 = require("../utils/localization/useLanguage");
 const divider_1 = require("../divider/divider");
 const GroupsFilterMenu = ({

package/dist/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[];