@geotab/zenith 3.11.1 → 3.12.0-beta.0

package/README.md

@@ -45,8 +45,78 @@ Now components are ready for usage.
 
 Zenith library provides components defined in Zenith Design System. It includes very basic blocks like colors, icons, font presets, atom components like buttons, checkboxes etc and high order components - header, table, filters bar etc. List of existing components can be found in [Storybook](https://developers.geotab.com/zenith-storybook/index.html).
 
+Markdown reference for each component (used by AI tooling and IRIS) lives in [`documentation/components/`](./documentation/components/). These are kept in sync with the source via the [`/zenith-doc-sync`](https://git.geotab.com/ai-hub/skill-playground/skill-workflow-zenith-doc-sync) skill when component code changes.
+
+## Testing
+
+### Quarantining Jest Tests
+
+Sisyphus can quarantine flaky Jest tests and auto-create follow-up tickets. To quarantine a test, the quarantine annotations **must be commented out** (Jest has no native trait attribute support) and placed inside the `describe` block, directly above the `test.skip` or `it.skip`.
+
+In the case the `test` syntax is used:
+
+```typescript
+describe("fooTestParent", () => {
+    // [Trait("QuarantinedReason", "Failed in main")] // This trait must be exactly the same, reason must be non-empty (or use a different reason)
+    // [Trait("QuarantinedTestTicketLink", "")] // This trait must be exactly the same (or a ticket can be added)
+    test.skip("fooTest", async () => {
+        // Insert test code
+    });
+});
+```
+
+Or, in case the `it` syntax is used instead:
+
+```typescript
+describe("fooTestParent", () => {
+    // [Trait("QuarantinedReason", "Failed in main")] // This trait must be exactly the same, reason must be non-empty (or use a different reason)
+    // [Trait("QuarantinedTestTicketLink", "")] // This trait must be exactly the same (or a ticket can be added)
+    it.skip("fooTest", async () => {
+        // Insert test code
+    });
+});
+```
+
+Or, for parameterized tests (`test.each` / `it.each`):
+
+```typescript
+describe("fooTestParent", () => {
+    // [Trait("QuarantinedReason", "Failed in main")] // This trait must be exactly the same, reason must be non-empty (or use a different reason)
+    // [Trait("QuarantinedTestTicketLink", "")] // This trait must be exactly the same (or a ticket can be added)
+    test.skip.each([...])("fooTest %s", async (param) => {
+        // Insert test code
+    });
+});
+```
+
+NOTE: `.skip` goes between `test`/`it` and `.each` — use `test.skip.each(...)`, not `test.each.skip(...)`.
+
+NOTE: this will not work in the case of adding quarantine annotations to a `describe` block.
+
 ## Change log
 
+### 3.12.0
+
+- Add `ErrorSummaryBanner` component for aggregating form validation errors
+- Add accessible disabled state to `Tab` and `TabItem`
+- Replace CSS RTL icon flip with directional counterpart icons for correct RTL rendering
+- Add `data-analytics-id` prop to `ExpandablePill`, `MiniTabs`, `FiltersBar`, and `Menu` components
+- Add `aria-` and property forwarding to `SummaryTile` and sub-components
+- Add missing translation keys and fix missing FileUploader drop zone translations
+- Convert all remaining components to rem units
+- Add logical alignment direction values to `TAlignment` for RTL-aware positioning
+- Rename public typography CSS classes to zen- prefix
+- Fix duplicated `id` attribute in `Header` menu
+- Fix `Header` menu: restore focus to trigger after selection
+- Fix `Toggle` screen reader announcements on keyboard navigation and hover
+- Fix dialog content scroll
+- Fix mobile view table content double-line
+- Fix calendar range showing incorrect edge
+- Fix prop in nested row
+- Fix LineChart legend date handling and x-axis range
+- Fix `DataGrid` `minWidth` and `maxWidth` not enforced during column resize
+- Fix `DataGrid` column selector: double scrollbar, screen reader announcements, and VoiceOver double-announcement
+
 ### 3.11.1
 
 - Fix `SummaryTile` accessibility: add `tooltipAriaLabel` prop for accessible tooltip name

package/dist/absolute/absolute.d.ts

@@ -2,7 +2,27 @@ import { RefObject } from "react";
 import "./absolute.less";
 import { IZenComponentProps } from "../commonHelpers/zenComponent";
 import { IAlignment } from "../utils/positioningUtils/alignments";
-export type TAlignment = "top" | "top-left" | "top-right" | "left" | "left-top" | "left-bottom" | "right" | "right-top" | "right-bottom" | "bottom" | "bottom-left" | "bottom-right";
+export type TAlignment = "top" | "top-start" | "top-end" | "start" | "start-top" | "start-bottom" | "end" | "end-top" | "end-bottom" | "bottom" | "bottom-start" | "bottom-end"
+/** @deprecated Use "top-start" for RTL-aware positioning. */
+ | "top-left"
+/** @deprecated Use "top-end" for RTL-aware positioning. */
+ | "top-right"
+/** @deprecated Use "start" for RTL-aware positioning. */
+ | "left"
+/** @deprecated Use "start-top" for RTL-aware positioning. */
+ | "left-top"
+/** @deprecated Use "start-bottom" for RTL-aware positioning. */
+ | "left-bottom"
+/** @deprecated Use "end" for RTL-aware positioning. */
+ | "right"
+/** @deprecated Use "end-top" for RTL-aware positioning. */
+ | "right-top"
+/** @deprecated Use "end-bottom" for RTL-aware positioning. */
+ | "right-bottom"
+/** @deprecated Use "bottom-start" for RTL-aware positioning. */
+ | "bottom-left"
+/** @deprecated Use "bottom-end" for RTL-aware positioning. */
+ | "bottom-right";
 export type TTrapFocus = "on" | "off" | "withTrigger" | "none";
 export interface IAbsolute extends IZenComponentProps {
     triggerRef: RefObject<HTMLElement | null>;

package/dist/absolute/absolute.js

@@ -19,11 +19,19 @@ const useScroll_1 = require("../commonHelpers/hooks/useScroll");
 const getScrollableParent_1 = require("../utils/getScrollableParent");
 const useClientReady_1 = require("../commonHelpers/hooks/useClientReady");
 const zen_1 = require("../utils/zen");
+const useDirection_1 = require("../utils/localization/useDirection");
 const Absolute = ({ isOpen, id, paddingX, paddingY, className, children, triggerRef, alignment, inline, onOpenChange, useTrapFocusWithTrigger = "off", shouldHoldScroll, stateFullChilds, role, ariaLabel, ariaLabelledby, alignmentsFn, recalculateOnScroll, closeOnScroll, recalculateTrigger = true, focusOnOpen = true }) => {
     const popupRef = (0, react_1.useRef)(null);
     const prevScroll = (0, react_1.useRef)(0);
+    // True when the popup is closed by an external gesture (click-outside, scroll-close)
+    // where focus intentionally moves away from the popup — prevents focus returning to trigger.
+    const closedByExternalRef = (0, react_1.useRef)(false);
+    // Tracks whether the popup has ever been open, so the close effect is skipped on initial mount
+    // (prevents returnFocusToTrigger from firing when isOpen starts as false).
+    const hadBeenOpenRef = (0, react_1.useRef)(false);
     const { dark } = (0, react_1.useContext)(themeContext_1.themeContext);
     const isClientReady = (0, useClientReady_1.useClientReady)();
+    const direction = (0, useDirection_1.useDirection)();
     const onScrollHandler = e => {
         var _a;
         prevScroll.current = (_a = e.target) === null || _a === void 0 ? void 0 : _a.scrollTop;
@@ -52,16 +60,16 @@ const Absolute = ({ isOpen, id, paddingX, paddingY, className, children, trigger
         }
         return (0, getScrollableParent_1.getScrollableParent)(triggerRef.current);
     }, [triggerRef, isOpen, recalculateOnScroll, closeOnScroll]);
-    const calculatePosition = (0, react_1.useCallback)(() => (0, calculatePosition_1.calculatePosition)(triggerRef, popupRef, paddingX, paddingY, inline, alignment, alignmentsFn, parent ? parent : undefined), [triggerRef, paddingX, paddingY, inline, alignment, alignmentsFn, popupRef, parent]);
+    const calculatePosition = (0, react_1.useCallback)(() => (0, calculatePosition_1.calculatePosition)(triggerRef, popupRef, paddingX, paddingY, inline, alignment, alignmentsFn, parent ? parent : undefined, undefined, direction), [triggerRef, paddingX, paddingY, inline, alignment, alignmentsFn, popupRef, parent, direction]);
     const handleCloseOnScroll = (0, react_1.useCallback)(() => {
+        closedByExternalRef.current = true;
         onOpenChange(false);
     }, [onOpenChange]);
     (0, useResize_1.useResize)(calculatePosition, isOpen);
     (0, useScroll_1.useScroll)(calculatePosition, isOpen && !!recalculateOnScroll, parent);
     (0, useScroll_1.useScroll)(handleCloseOnScroll, isOpen && !!closeOnScroll, parent);
     (0, react_1.useLayoutEffect)(calculatePosition, [isOpen, children, recalculateTrigger, calculatePosition]);
-    function handleEscape() {
-        onOpenChange(false);
+    const returnFocusToTrigger = (0, react_1.useCallback)(() => {
         if (!triggerRef.current) {
             return;
         }
@@ -69,9 +77,40 @@ const Absolute = ({ isOpen, id, paddingX, paddingY, className, children, trigger
             triggerRef.current.focus();
             return;
         }
-        const focusable = [...Array.from(triggerRef.current.querySelectorAll(focusableSelector_1.FOCUSABLE_SELECTOR))];
-        (focusable[0] || triggerRef.current).focus();
-    }
+        const focusable = Array.from(triggerRef.current.querySelectorAll(focusableSelector_1.FOCUSABLE_SELECTOR));
+        const target = focusable.find(el => (0, dialogHelpers_1.isFocusable)(el)) || triggerRef.current;
+        if (!(0, dialogHelpers_1.isFocusable)(target)) {
+            if (process.env.NODE_ENV !== "production") {
+                console.warn("[Absolute] returnFocusToTrigger: trigger has no focusable element. Keyboard focus position may be lost.");
+            }
+            return;
+        }
+        target.focus();
+    }, [triggerRef]);
+    const handleEscape = (0, react_1.useCallback)(() => {
+        onOpenChange(false);
+    }, [onOpenChange]);
+    // Return focus to the trigger when the popup closes due to item selection (isOpen: true → false)
+    // but not when closed by an external gesture (click-outside) where focus intentionally moved away,
+    // and not on initial mount when the popup starts closed.
+    (0, react_1.useEffect)(() => {
+        var _a, _b;
+        if (isOpen) {
+            hadBeenOpenRef.current = true;
+            closedByExternalRef.current = false;
+            return;
+        }
+        if (!hadBeenOpenRef.current || closedByExternalRef.current) {
+            return;
+        }
+        // Only return focus if it is still inside the popup (or lost to body after unmount).
+        // Prevents stealing focus when focus is intentionally elsewhere and popup closes externally.
+        const activeEl = (_a = zen_1.zen.document) === null || _a === void 0 ? void 0 : _a.activeElement;
+        const focusIsInsideOrLost = !activeEl || activeEl === ((_b = zen_1.zen.document) === null || _b === void 0 ? void 0 : _b.body) || (popupRef.current && popupRef.current.contains(activeEl));
+        if (focusIsInsideOrLost) {
+            returnFocusToTrigger();
+        }
+    }, [isOpen, returnFocusToTrigger]);
     const condition = (0, react_1.useCallback)(() => (useTrapFocusWithTrigger === "off" ? false : true), [useTrapFocusWithTrigger]);
     (0, useTrapFocus_1.useTrapFocus)(popupRef, useTrapFocusWithTrigger === "withTrigger" ? triggerRef : undefined, isOpen, condition);
     (0, useEscape_1.useEscape)(popupRef, handleEscape, isOpen);
@@ -92,6 +131,7 @@ const Absolute = ({ isOpen, id, paddingX, paddingY, className, children, trigger
             if (isClickInPopup || isClickOnTrigger || stateFullChilds) {
                 return;
             }
+            closedByExternalRef.current = true;
             onOpenChange(false);
         };
         if (isOpen) {

package/dist/advancedGroupsFilter/advancedGroupsFilter.js

@@ -35,7 +35,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", "Cancel", "Zru\u0161it");
 injectString("da-DK", "Cancel", "Annuller");
 injectString("de", "Cancel", "Abbrechen");
@@ -62,7 +62,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");
@@ -89,7 +89,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 advancedGroupsFilterFormHelper_1 = require("./advancedGroupsFilterFormHelper");
 const advancedGroupsFilterForm_1 = require("./advancedGroupsFilterForm");
 const classNames_1 = require("../commonHelpers/classNames/classNames");

package/dist/advancedGroupsFilter/advancedGroupsFilterForm.js

@@ -34,7 +34,7 @@ injectString("tr", "Create conditions below to filter the entire system.", "T\xF
 injectString("zh-Hans", "Create conditions below to filter the entire system.", "\u5728\u4E0B\u9762\u521B\u5EFA\u6761\u4EF6\u4EE5\u7B5B\u9009\u6574\u4E2A\u7CFB\u7EDF\u3002");
 injectString("zh-TW", "Create conditions below to filter the entire system.", "\u5728\u4E0B\u65B9\u5EFA\u7ACB\u689D\u4EF6\u4EE5\u7BE9\u9078\u6574\u500B\u7CFB\u7D71\u3002");
 injectString("ro-RO", "Create conditions below to filter the entire system.", "Crea\u021Bi condi\u021Biile de mai jos pentru a filtra \xEEntregul sistem.");
-injectString("ar-SA", "Create conditions below to filter the entire system.", "\u0623\u0646\u0634\u0626 \u0634\u0631\u0648\u0637\u064B\u0627 \u0623\u062F\u0646\u0627\u0647 \u0644\u062A\u0635\u0641\u064A\u0629 \u0627\u0644\u0646\u0638\u0627\u0645 \u0628\u0623\u0643\u0645\u0644\u0647.");
+injectString("ar", "Create conditions below to filter the entire system.", "\u0623\u0646\u0634\u0626 \u0634\u0631\u0648\u0637\u064B\u0627 \u0623\u062F\u0646\u0627\u0647 \u0644\u062A\u0635\u0641\u064A\u0629 \u0627\u0644\u0646\u0638\u0627\u0645 \u0628\u0623\u0643\u0645\u0644\u0647.");
 injectString("cs", "Add new condition", "P\u0159idat novou podm\xEDnku");
 injectString("da-DK", "Add new condition", "Tilf\xF8j ny betingelse");
 injectString("de", "Add new condition", "Neue Bedingung hinzuf\xFCgen");
@@ -61,7 +61,7 @@ injectString("tr", "Add new condition", "Yeni ko\u015Ful ekle");
 injectString("zh-Hans", "Add new condition", "\u6DFB\u52A0\u65B0\u6761\u4EF6");
 injectString("zh-TW", "Add new condition", "\u65B0\u589E\u689D\u4EF6");
 injectString("ro-RO", "Add new condition", "Ad\u0103uga\u021Bi o condi\u021Bie nou\u0103");
-injectString("ar-SA", "Add new condition", "\u0625\u0636\u0627\u0641\u0629 \u0634\u0631\u0637 \u062C\u062F\u064A\u062F");
+injectString("ar", "Add new condition", "\u0625\u0636\u0627\u0641\u0629 \u0634\u0631\u0637 \u062C\u062F\u064A\u062F");
 const textIconButton_1 = require("../textIconButton/textIconButton");
 const advancedGroupsFilterFormSection_1 = require("./advancedGroupsFilterFormSection");
 const groupsHelper_1 = require("../groupsFilterRaw/groupsHelper");

package/dist/advancedGroupsFilter/advancedGroupsFilterFormSection.js

@@ -65,7 +65,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", "Or", "Nebo");
 injectString("da-DK", "Or", "Eller");
 injectString("de", "Or", "Oder");
@@ -92,7 +92,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", "Operator", "Oper\xE1tor");
 injectString("da-DK", "Operator", "Operat\xF8r");
 injectString("de", "Operator", "Operator");
@@ -119,7 +119,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", "Groups", "Skupiny");
 injectString("da-DK", "Groups", "Grupper");
 injectString("de", "Groups", "Gruppen");
@@ -146,7 +146,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", "Remove condition", "Odebrat podm\xEDnku");
 injectString("da-DK", "Remove condition", "Fjern betingelse");
 injectString("de", "Remove condition", "Bedingung entfernen");
@@ -173,7 +173,7 @@ injectString("tr", "Remove condition", "Ko\u015Fulu kald\u0131r");
 injectString("zh-Hans", "Remove condition", "\u5220\u9664\u6761\u4EF6");
 injectString("zh-TW", "Remove condition", "\u79FB\u9664\u689D\u4EF6");
 injectString("ro-RO", "Remove condition", "Elimina\u021Bi condi\u021Bia");
-injectString("ar-SA", "Remove condition", "\u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0634\u0631\u0637");
+injectString("ar", "Remove condition", "\u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0634\u0631\u0637");
 injectString("cs", "Select groups\u2026", "Vybrat skupiny\u2026");
 injectString("da-DK", "Select groups\u2026", "V\xE6lg grupper...");
 injectString("de", "Select groups\u2026", "Gruppen ausw\xE4hlen\xA0\u2026");
@@ -200,7 +200,7 @@ injectString("tr", "Select groups\u2026", "Gruplar\u0131 se\xE7\u2026");
 injectString("zh-Hans", "Select groups\u2026", "\u9009\u62E9\u7EC4\u2026");
 injectString("zh-TW", "Select groups\u2026", "\u9078\u53D6\u7FA4\u7D44...");
 injectString("ro-RO", "Select groups\u2026", "Selecta\u021Bi grupurile\u2026");
-injectString("ar-SA", "Select groups\u2026", "\u0627\u062E\u062A\u064A\u0627\u0631 \u0627\u0644\u0645\u062C\u0645\u0648\u0639\u0627\u062A\u2026");
+injectString("ar", "Select groups\u2026", "\u0627\u062E\u062A\u064A\u0627\u0631 \u0627\u0644\u0645\u062C\u0645\u0648\u0639\u0627\u062A\u2026");
 injectString("cs", "GroupCompanyId", "Skupina spole\u010Dnosti");
 injectString("da-DK", "GroupCompanyId", "Virksomhedsgruppe");
 injectString("de", "GroupCompanyId", "Unternehmensgruppe");
@@ -227,7 +227,7 @@ injectString("tr", "GroupCompanyId", "\u015Eirket grubu");
 injectString("zh-Hans", "GroupCompanyId", "\u516C\u53F8\u7EC4");
 injectString("zh-TW", "GroupCompanyId", "\u516C\u53F8\u7FA4\u7D44");
 injectString("ro-RO", "GroupCompanyId", "Grup de companii");
-injectString("ar-SA", "GroupCompanyId", "\u0645\u062C\u0645\u0648\u0639\u0629 \u0627\u0644\u0634\u0631\u0643\u0629");
+injectString("ar", "GroupCompanyId", "\u0645\u062C\u0645\u0648\u0639\u0629 \u0627\u0644\u0634\u0631\u0643\u0629");
 const react_1 = __importStar(require("react"));
 const groupButton_1 = require("../groupButton/groupButton");
 const groupsFilterInterfaces_1 = require("../groupsFilterRaw/groupsFilterInterfaces");

package/dist/advancedGroupsFilter/advancedGroupsFilterSectionTooltip.js

@@ -35,7 +35,7 @@ injectString("tr", "Use multiple operators when searching for a specific group.
 injectString("zh-Hans", "Use multiple operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "\u641C\u7D22\u7279\u5B9A\u7EC4\u65F6\uFF0C\u53EF\u4EE5\u4F7F\u7528\u591A\u4E2A\u8FD0\u7B97\u7B26\u3002\u4F8B\u5982\uFF0C\u7B5B\u9009\u5C5E\u4E8E\u201C\u7275\u5F15\u8F66\u201D\u7EC4\u548C\u201C\u591A\u4F26\u591A\u201D\u7EC4\u7684\u8D44\u4EA7\uFF0C\u5C31\u4F1A\u663E\u793A\u5C5E\u4E8E\u591A\u4F26\u591A\u5206\u652F\u7684\u7275\u5F15\u8F66\u5217\u8868\u3002");
 injectString("zh-TW", "Use multiple operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "\u641C\u5C0B\u7279\u5B9A\u7FA4\u7D44\u6642\uFF0C\u8ACB\u4F7F\u7528\u591A\u500B\u904B\u7B97\u5B50\u3002\u4F8B\u5982\uFF0C\u82E5\u7BE9\u9078\u5C6C\u65BC\u727D\u5F15\u6A5F\u7FA4\u7D44\u548C\u591A\u502B\u591A\u7FA4\u7D44\u7684\u8CC7\u7522\uFF0C\u5247\u6703\u986F\u793A\u5C6C\u65BC\u591A\u502B\u591A\u5206\u516C\u53F8\u7684\u727D\u5F15\u6A5F\u6E05\u55AE\u3002");
 injectString("ro-RO", "Use multiple operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "Utiliza\u021Bi mai mul\u021Bi operatori c\xE2nd c\u0103uta\u021Bi un anumit grup. De exemplu, prin filtrarea activelor care apar\u021Bin grupului Tractor \u0219i grupului Toronto, se afi\u0219eaz\u0103 o list\u0103 de tractoare care apar\u021Bin filialei Toronto.");
-injectString("ar-SA", "Use multiple operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "\u0627\u0633\u062A\u062E\u062F\u0645 \u0639\u0648\u0627\u0645\u0644 \u062A\u0634\u063A\u064A\u0644 \u0645\u062A\u0639\u062F\u062F\u0629 \u0639\u0646\u062F \u0627\u0644\u0628\u062D\u062B \u0639\u0646 \u0645\u062C\u0645\u0648\u0639\u0629 \u0645\u0639\u064A\u0646\u0629. \u0639\u0644\u0649 \u0633\u0628\u064A\u0644 \u0627\u0644\u0645\u062B\u0627\u0644\u060C \u062A\u0635\u0641\u064A\u0629 \u0627\u0644\u0623\u0635\u0648\u0644 \u0627\u0644\u062A\u064A \u062A\u0646\u062A\u0645\u064A \u0625\u0644\u0649 \u0645\u062C\u0645\u0648\u0639\u0629 \u0627\u0644\u062C\u0631\u0627\u0631\u0627\u062A \u0648\u0645\u062C\u0645\u0648\u0639\u0629 \u062A\u0648\u0631\u0646\u062A\u0648 \u062A\u0639\u0631\u0636 \u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u062C\u0631\u0627\u0631\u0627\u062A \u0627\u0644\u062A\u064A \u062A\u0646\u062A\u0645\u064A \u0625\u0644\u0649 \u0641\u0631\u0639 \u062A\u0648\u0631\u0646\u062A\u0648.");
+injectString("ar", "Use multiple operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "\u0627\u0633\u062A\u062E\u062F\u0645 \u0639\u0648\u0627\u0645\u0644 \u062A\u0634\u063A\u064A\u0644 \u0645\u062A\u0639\u062F\u062F\u0629 \u0639\u0646\u062F \u0627\u0644\u0628\u062D\u062B \u0639\u0646 \u0645\u062C\u0645\u0648\u0639\u0629 \u0645\u0639\u064A\u0646\u0629. \u0639\u0644\u0649 \u0633\u0628\u064A\u0644 \u0627\u0644\u0645\u062B\u0627\u0644\u060C \u062A\u0635\u0641\u064A\u0629 \u0627\u0644\u0623\u0635\u0648\u0644 \u0627\u0644\u062A\u064A \u062A\u0646\u062A\u0645\u064A \u0625\u0644\u0649 \u0645\u062C\u0645\u0648\u0639\u0629 \u0627\u0644\u062C\u0631\u0627\u0631\u0627\u062A \u0648\u0645\u062C\u0645\u0648\u0639\u0629 \u062A\u0648\u0631\u0646\u062A\u0648 \u062A\u0639\u0631\u0636 \u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u062C\u0631\u0627\u0631\u0627\u062A \u0627\u0644\u062A\u064A \u062A\u0646\u062A\u0645\u064A \u0625\u0644\u0649 \u0641\u0631\u0639 \u062A\u0648\u0631\u0646\u062A\u0648.");
 const useLanguage_1 = require("../utils/localization/useLanguage");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const AdvancedGroupsFilterSectionTooltip = ({

package/dist/alert/banner.d.ts

@@ -1,2 +1,4 @@
 /// <reference types="react" />
-export declare const Banner: import("react").FC<import("../banner/banner").IBanner>;
+export declare const Banner: import("react").FC<import("../banner/banner").IBanner> & {
+    ErrorSummary: import("react").FC<import("../banner/bannerErrorSummary").IBannerErrorSummary>;
+};

package/dist/alertRaw/alertRaw.js

@@ -40,7 +40,7 @@ injectString("tr", "Close", "Kapat");
 injectString("zh-Hans", "Close", "\u5173\u95ED");
 injectString("zh-TW", "Close", "\u95DC\u9589");
 injectString("ro-RO", "Close", "\xCEnchide");
-injectString("ar-SA", "Close", "\u0625\u063A\u0644\u0627\u0642");
+injectString("ar", "Close", "\u0625\u063A\u0644\u0627\u0642");
 const alertAnimation_1 = __importDefault(require("./components/alertAnimation"));
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const buttonType_1 = require("../button/buttonType");

package/dist/banner/banner.d.ts

@@ -1,7 +1,8 @@
 import "./banner.less";
+import { FC } from "react";
 import { TBannerSize } from "./bannerUtils";
 import { IZenIdComponentProps } from "../commonHelpers/zenComponent";
-import { FC } from "react";
+import { BannerErrorSummary } from "./bannerErrorSummary";
 export declare const BannerDisplayName = "Banner";
 export interface IBannerAction {
     link?: string;
@@ -24,4 +25,6 @@ export interface IBanner extends Partial<IZenIdComponentProps> {
     ariaAtomic?: "true" | "false";
     ariaLive?: "off" | "assertive" | "polite";
 }
-export declare const Banner: FC<IBanner>;
+export declare const Banner: FC<IBanner> & {
+    ErrorSummary: typeof BannerErrorSummary;
+};

package/dist/banner/banner.js

@@ -5,10 +5,20 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const bannerSingleLine_1 = require("./bannerSingleLine");
 const bannerMultipLine_1 = require("./bannerMultipLine");
 const useMobile_1 = require("../commonHelpers/hooks/useMobile");
+const bannerErrorSummary_1 = require("./bannerErrorSummary");
+const hasSummaryErrorChild_1 = require("./utils/hasSummaryErrorChild");
+const useSummaryBannerProp_1 = require("./utils/useSummaryBannerProp");
 exports.BannerDisplayName = "Banner";
-const Banner = ({ children, header, type = "warning", icon, action, size, onClose, multiline, role = "status", ariaAtomic = "true", ariaLive = "polite", primaryAction, className, id }) => {
+// eslint-disable-next-line @typescript-eslint/naming-convention
+const Banner = (props) => {
+    const { children, header, type, icon, action, size, onClose, multiline, role = "status", ariaAtomic = "true", ariaLive = "polite", primaryAction, className, id } = props;
     const isMobile = (0, useMobile_1.useMobile)();
-    const isMultiline = multiline === undefined ? isMobile : multiline;
+    const forceSummaryError = (0, hasSummaryErrorChild_1.hasSummaryErrorChild)(children) && (type === "error" || type === undefined);
+    const isMultiline = forceSummaryError ? true : multiline === undefined ? isMobile : multiline;
+    const summaryErrorProps = (0, useSummaryBannerProp_1.useSummaryBannerProp)(props);
+    if (Object.keys(summaryErrorProps).length) {
+        return (0, jsx_runtime_1.jsx)(bannerMultipLine_1.BannerMultiline, Object.assign({}, summaryErrorProps));
+    }
     return isMultiline ? ((0, jsx_runtime_1.jsx)(bannerMultipLine_1.BannerMultiline, { children,
         header,
         type,
@@ -37,3 +47,4 @@ const Banner = ({ children, header, type = "warning", icon, action, size, onClos
 };
 exports.Banner = Banner;
 exports.Banner.displayName = exports.BannerDisplayName;
+exports.Banner.ErrorSummary = bannerErrorSummary_1.BannerErrorSummary;

package/dist/banner/bannerErrorSummary.d.ts

@@ -0,0 +1,7 @@
+import { FC } from "react";
+export declare const BannerErrorSummaryDisplayName = "Banner.ErrorSummary";
+export interface IBannerErrorSummary {
+    value: string;
+    link: string;
+}
+export declare const BannerErrorSummary: FC<IBannerErrorSummary>;

package/dist/banner/bannerErrorSummary.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BannerErrorSummary = exports.BannerErrorSummaryDisplayName = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+exports.BannerErrorSummaryDisplayName = "Banner.ErrorSummary";
+const BannerErrorSummary = ({ value, link }) => ((0, jsx_runtime_1.jsx)("a", { href: link, className: "zen-banner__summary-error-link zen-link", children: value }));
+exports.BannerErrorSummary = BannerErrorSummary;
+exports.BannerErrorSummary.displayName = exports.BannerErrorSummaryDisplayName;

package/dist/banner/bannerMultipLine.js

@@ -40,7 +40,7 @@ injectString("tr", "Close", "Kapat");
 injectString("zh-Hans", "Close", "\u5173\u95ED");
 injectString("zh-TW", "Close", "\u95DC\u9589");
 injectString("ro-RO", "Close", "\xCEnchide");
-injectString("ar-SA", "Close", "\u0625\u063A\u0644\u0627\u0642");
+injectString("ar", "Close", "\u0625\u063A\u0644\u0627\u0642");
 const bannerUtils_1 = require("./bannerUtils");
 const useLanguage_1 = require("../utils/localization/useLanguage");
 const typeIcon_1 = __importDefault(require("./typeIcon"));

package/dist/banner/bannerSingleLine.js

@@ -40,7 +40,7 @@ injectString("tr", "Close", "Kapat");
 injectString("zh-Hans", "Close", "\u5173\u95ED");
 injectString("zh-TW", "Close", "\u95DC\u9589");
 injectString("ro-RO", "Close", "\xCEnchide");
-injectString("ar-SA", "Close", "\u0625\u063A\u0644\u0627\u0642");
+injectString("ar", "Close", "\u0625\u063A\u0644\u0627\u0642");
 const button_1 = require("../button/button");
 const buttonType_1 = require("../button/buttonType");
 const typeIcon_1 = __importDefault(require("./typeIcon"));

package/dist/banner/utils/buildSummaryErrorList.d.ts

@@ -0,0 +1 @@
+export declare const buildSummaryErrorList: (children: React.ReactNode) => React.ReactNode;

package/dist/banner/utils/buildSummaryErrorList.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildSummaryErrorList = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const isSummaryErrorElement_1 = require("./isSummaryErrorElement");
+const buildSummaryErrorList = (children) => {
+    const items = react_1.Children.toArray(children)
+        .filter(isSummaryErrorElement_1.isSummaryErrorElement)
+        .map(child => {
+        const { value, link } = child.props;
+        return link ? ((0, jsx_runtime_1.jsx)("a", { href: link, className: "zen-link zen-banner__summary-error-link", children: value }, `${value}-${link}`)) : ((0, jsx_runtime_1.jsx)("span", { className: "zen-banner__summary-error-link", children: value }, value));
+    });
+    return (0, jsx_runtime_1.jsx)("div", { className: "zen-banner__summary-error-list", children: items });
+};
+exports.buildSummaryErrorList = buildSummaryErrorList;

package/dist/banner/utils/hasSummaryErrorChild.d.ts

@@ -0,0 +1 @@
+export declare const hasSummaryErrorChild: (children: React.ReactNode) => boolean;

package/dist/banner/utils/hasSummaryErrorChild.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hasSummaryErrorChild = void 0;
+const react_1 = require("react");
+const isSummaryErrorElement_1 = require("./isSummaryErrorElement");
+const hasSummaryErrorChild = (children) => react_1.Children.toArray(children).some(isSummaryErrorElement_1.isSummaryErrorElement);
+exports.hasSummaryErrorChild = hasSummaryErrorChild;

package/dist/banner/utils/isSummaryErrorBanner.d.ts

@@ -0,0 +1,2 @@
+import type { BannerType } from "../banner";
+export declare const isSummaryErrorBanner: (type: BannerType | undefined, children: React.ReactNode) => boolean;

package/dist/banner/utils/isSummaryErrorBanner.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isSummaryErrorBanner = void 0;
+const hasSummaryErrorChild_1 = require("./hasSummaryErrorChild");
+const isSummaryErrorBanner = (type, children) => (type === undefined || type === "error") && (0, hasSummaryErrorChild_1.hasSummaryErrorChild)(children);
+exports.isSummaryErrorBanner = isSummaryErrorBanner;

package/dist/banner/utils/isSummaryErrorElement.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IBannerErrorSummary } from "../bannerErrorSummary";
+export declare const isSummaryErrorElement: (child: React.ReactNode) => child is import("react").ReactElement<IBannerErrorSummary, string | import("react").JSXElementConstructor<any>>;

package/dist/banner/utils/isSummaryErrorElement.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isSummaryErrorElement = void 0;
+const react_1 = require("react");
+const bannerErrorSummary_1 = require("../bannerErrorSummary");
+const isSummaryErrorElement = (child) => (0, react_1.isValidElement)(child) && child.type.displayName === bannerErrorSummary_1.BannerErrorSummaryDisplayName;
+exports.isSummaryErrorElement = isSummaryErrorElement;

package/dist/banner/utils/useSummaryBannerProp.d.ts

@@ -0,0 +1,6 @@
+import type { IBanner, IBannerAction } from "../banner";
+interface IBannerInner {
+    primaryAction?: IBannerAction;
+}
+export declare const useSummaryBannerProp: (props: IBanner & IBannerInner) => Partial<IBanner & IBannerInner>;
+export {};

package/dist/banner/utils/useSummaryBannerProp.js

@@ -0,0 +1,34 @@
+"use strict";
+
+const {
+  injectString
+} = require("../../utils/localization/translationsDictionary");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSummaryBannerProp = void 0;
+const useLanguage_1 = require("../../utils/localization/useLanguage");
+const hasSummaryErrorChild_1 = require("./hasSummaryErrorChild");
+const buildSummaryErrorList_1 = require("./buildSummaryErrorList");
+injectString("en", "Please correct the following errors.", "Please correct the following errors.");
+const useSummaryBannerProp = props => {
+  const {
+    children,
+    type
+  } = props;
+  const {
+    translate
+  } = (0, useLanguage_1.useLanguage)();
+  const isSummaryBanner = (0, hasSummaryErrorChild_1.hasSummaryErrorChild)(children) && (type === "error" || type === undefined);
+  if (!isSummaryBanner) {
+    return {};
+  }
+  return Object.assign(Object.assign({}, props), {
+    type: "error",
+    header: translate("Please correct the following errors."),
+    onClose: undefined,
+    children: (0, buildSummaryErrorList_1.buildSummaryErrorList)(children),
+    action: undefined
+  });
+};
+exports.useSummaryBannerProp = useSummaryBannerProp;

package/dist/betaPill/betaPill.js

@@ -42,7 +42,7 @@ injectString("tr", "Send feedback", "Geri bildirim g\xF6nder");
 injectString("zh-Hans", "Send feedback", "\u53D1\u9001\u53CD\u9988");
 injectString("zh-TW", "Send feedback", "\u50B3\u9001\u610F\u898B\u56DE\u994B");
 injectString("ro-RO", "Send feedback", "Trimite\u021Bi feedback");
-injectString("ar-SA", "Send feedback", "\u0625\u0631\u0633\u0627\u0644 \u0645\u0644\u0627\u062D\u0638\u0627\u062A");
+injectString("ar", "Send feedback", "\u0625\u0631\u0633\u0627\u0644 \u0645\u0644\u0627\u062D\u0638\u0627\u062A");
 injectString("cs", "Manage beta option", "Manage beta option");
 injectString("da-DK", "Manage beta option", "Styr beta-indstillingen");
 injectString("de", "Manage beta option", "Manage beta option");
@@ -69,7 +69,7 @@ injectString("tr", "Manage beta option", "Manage beta option");
 injectString("zh-Hans", "Manage beta option", "Manage beta option");
 injectString("zh-TW", "Manage beta option", "\u7BA1\u7406\u6E2C\u8A66\u7248\u9078\u9805");
 injectString("ro-RO", "Manage beta option", "Administra\u021Bi op\u021Biunea beta");
-injectString("ar-SA", "Manage beta option", "\u0625\u062F\u0627\u0631\u0629 \u0627\u0644\u062E\u064A\u0627\u0631 \u0627\u0644\u062A\u062C\u0631\u064A\u0628\u064A");
+injectString("ar", "Manage beta option", "\u0625\u062F\u0627\u0631\u0629 \u0627\u0644\u062E\u064A\u0627\u0631 \u0627\u0644\u062A\u062C\u0631\u064A\u0628\u064A");
 injectString("cs", "This feature is still in testing, and is not fully supported yet. Your feedback is valuable to help guide future enhancements.", "This feature is still in testing, and is not fully supported yet. Your feedback is valuable to help guide future enhancements.");
 injectString("da-DK", "This feature is still in testing, and is not fully supported yet. Your feedback is valuable to help guide future enhancements.", "Funktionen er stadig under test og virker ikke helt endnu. Din feedback er guld v\xE6rd og hj\xE6lper os med fremtidige forbedringer.");
 injectString("de", "This feature is still in testing, and is not fully supported yet. Your feedback is valuable to help guide future enhancements.", "This feature is still in testing, and is not fully supported yet. Your feedback is valuable to help guide future enhancements.");
@@ -96,7 +96,7 @@ injectString("tr", "This feature is still in testing, and is not fully supported
 injectString("zh-Hans", "This feature is still in testing, and is not fully supported yet. Your feedback is valuable to help guide future enhancements.", "This feature is still in testing, and is not fully supported yet. Your feedback is valuable to help guide future enhancements.");
 injectString("zh-TW", "This feature is still in testing, and is not fully supported yet. Your feedback is valuable to help guide future enhancements.", "\u6B64\u529F\u80FD\u4ECD\u5728\u6E2C\u8A66\u968E\u6BB5\uFF0C\u5C1A\u672A\u5B8C\u5168\u652F\u63F4\u3002\u60A8\u7684\u610F\u898B\u56DE\u994B\u5C0D\u6211\u5011\u4F86\u8AAA\u975E\u5E38\u91CD\u8981\uFF0C\u80FD\u5354\u52A9\u6211\u5011\u78BA\u8A8D\u672A\u4F86\u6539\u9032\u7684\u65B9\u5411\u3002");
 injectString("ro-RO", "This feature is still in testing, and is not fully supported yet. Your feedback is valuable to help guide future enhancements.", "Aceast\u0103 func\u021Bie este \xEEn testare \u0219i \xEEnc\u0103 nu este complet compatibil\u0103. Feedbackul dvs. este important \u0219i ne va ajuta la \xEEmbun\u0103t\u0103\u021Birile viitoare.");
-injectString("ar-SA", "This feature is still in testing, and is not fully supported yet. Your feedback is valuable to help guide future enhancements.", "\u0647\u0630\u0647 \u0627\u0644\u0645\u064A\u0632\u0629 \u0644\u0627 \u062A\u0632\u0627\u0644 \u0642\u064A\u062F \u0627\u0644\u0627\u062E\u062A\u0628\u0627\u0631 \u0648\u063A\u064A\u0631 \u0645\u062F\u0639\u0648\u0645\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u0628\u0639\u062F. \u0645\u0644\u0627\u062D\u0638\u0627\u062A\u0643 \u0642\u064A\u0645\u0629 \u0644\u0644\u0645\u0633\u0627\u0639\u062F\u0629 \u0641\u064A \u062A\u0648\u062C\u064A\u0647 \u0627\u0644\u062A\u062D\u0633\u064A\u0646\u0627\u062A \u0627\u0644\u0645\u0633\u062A\u0642\u0628\u0644\u064A\u0629.");
+injectString("ar", "This feature is still in testing, and is not fully supported yet. Your feedback is valuable to help guide future enhancements.", "\u0647\u0630\u0647 \u0627\u0644\u0645\u064A\u0632\u0629 \u0644\u0627 \u062A\u0632\u0627\u0644 \u0642\u064A\u062F \u0627\u0644\u0627\u062E\u062A\u0628\u0627\u0631 \u0648\u063A\u064A\u0631 \u0645\u062F\u0639\u0648\u0645\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u0628\u0639\u062F. \u0645\u0644\u0627\u062D\u0638\u0627\u062A\u0643 \u0642\u064A\u0645\u0629 \u0644\u0644\u0645\u0633\u0627\u0639\u062F\u0629 \u0641\u064A \u062A\u0648\u062C\u064A\u0647 \u0627\u0644\u062A\u062D\u0633\u064A\u0646\u0627\u062A \u0627\u0644\u0645\u0633\u062A\u0642\u0628\u0644\u064A\u0629.");
 injectString("cs", "Beta", "Beta");
 injectString("da-DK", "Beta", "Beta");
 injectString("de", "Beta", "Beta");
@@ -123,7 +123,7 @@ injectString("tr", "Beta", "Beta");
 injectString("zh-Hans", "Beta", "\u6D4B\u8BD5\u7248");
 injectString("zh-TW", "Beta", "\u6E2C\u8A66\u7248");
 injectString("ro-RO", "Beta", "Beta");
-injectString("ar-SA", "Beta", "\u062A\u062C\u0631\u064A\u0628\u064A");
+injectString("ar", "Beta", "\u062A\u062C\u0631\u064A\u0628\u064A");
 const BetaPill = props => {
   const {
     className,

package/dist/bookmark/bookmark.js

@@ -34,7 +34,7 @@ injectString("tr", "Remove page from bookmarks", "Sayfay\u0131 yer imlerinden ka
 injectString("zh-Hans", "Remove page from bookmarks", "\u5220\u9664\u6B64\u9875\u9762\u7684\u4E66\u7B7E");
 injectString("zh-TW", "Remove page from bookmarks", "\u5F9E\u66F8\u7C64\u79FB\u9664\u9801\u9762");
 injectString("ro-RO", "Remove page from bookmarks", "Elimina\u021Bi pagina din marcaje");
-injectString("ar-SA", "Remove page from bookmarks", "\u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0635\u0641\u062D\u0629 \u0645\u0646 \u0627\u0644\u0645\u0641\u0636\u0644\u0629");
+injectString("ar", "Remove page from bookmarks", "\u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0635\u0641\u062D\u0629 \u0645\u0646 \u0627\u0644\u0645\u0641\u0636\u0644\u0629");
 injectString("cs", "Add page to bookmarks", "P\u0159idat str\xE1nku do z\xE1lo\u017Eek");
 injectString("da-DK", "Add page to bookmarks", "F\xF8j side til bogm\xE6rker");
 injectString("de", "Add page to bookmarks", "Seite zu Lesezeichen hinzuf\xFCgen");
@@ -61,7 +61,7 @@ injectString("tr", "Add page to bookmarks", "Sayfay\u0131 yer imlerine ekle");
 injectString("zh-Hans", "Add page to bookmarks", "\u5C06\u9875\u9762\u6DFB\u52A0\u5230\u4E66\u7B7E");
 injectString("zh-TW", "Add page to bookmarks", "\u65B0\u589E\u9801\u9762\u81F3\u66F8\u7C64");
 injectString("ro-RO", "Add page to bookmarks", "Ad\u0103uga\u021Bi pagina la marcaje");
-injectString("ar-SA", "Add page to bookmarks", "\u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0635\u0641\u062D\u0629 \u0625\u0644\u0649 \u0627\u0644\u0645\u0641\u0636\u0644\u0629");
+injectString("ar", "Add page to bookmarks", "\u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0635\u0641\u062D\u0629 \u0625\u0644\u0649 \u0627\u0644\u0645\u0641\u0636\u0644\u0629");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const textIconButton_1 = require("../textIconButton/textIconButton");
 const svgIconSize_1 = require("../svgIcon/svgIconSize");