@geotab/zenith 3.11.1 → 3.12.0-beta.0

package/esm/absolute/absolute.js

@@ -16,11 +16,19 @@ import { useScroll } from "../commonHelpers/hooks/useScroll";
 import { getScrollableParent } from "../utils/getScrollableParent";
 import { useClientReady } from "../commonHelpers/hooks/useClientReady";
 import { zen } from "../utils/zen";
+import { useDirection } from "../utils/localization/useDirection";
 export 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 = useRef(null);
     const prevScroll = 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 = 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 = useRef(false);
     const { dark } = useContext(themeContext);
     const isClientReady = useClientReady();
+    const direction = useDirection();
     const onScrollHandler = e => {
         var _a;
         prevScroll.current = (_a = e.target) === null || _a === void 0 ? void 0 : _a.scrollTop;
@@ -49,16 +57,16 @@ export const Absolute = ({ isOpen, id, paddingX, paddingY, className, children,
         }
         return getScrollableParent(triggerRef.current);
     }, [triggerRef, isOpen, recalculateOnScroll, closeOnScroll]);
-    const calculatePosition = useCallback(() => calculatePos(triggerRef, popupRef, paddingX, paddingY, inline, alignment, alignmentsFn, parent ? parent : undefined), [triggerRef, paddingX, paddingY, inline, alignment, alignmentsFn, popupRef, parent]);
+    const calculatePosition = useCallback(() => calculatePos(triggerRef, popupRef, paddingX, paddingY, inline, alignment, alignmentsFn, parent ? parent : undefined, undefined, direction), [triggerRef, paddingX, paddingY, inline, alignment, alignmentsFn, popupRef, parent, direction]);
     const handleCloseOnScroll = useCallback(() => {
+        closedByExternalRef.current = true;
         onOpenChange(false);
     }, [onOpenChange]);
     useResize(calculatePosition, isOpen);
     useScroll(calculatePosition, isOpen && !!recalculateOnScroll, parent);
     useScroll(handleCloseOnScroll, isOpen && !!closeOnScroll, parent);
     useLayoutEffect(calculatePosition, [isOpen, children, recalculateTrigger, calculatePosition]);
-    function handleEscape() {
-        onOpenChange(false);
+    const returnFocusToTrigger = useCallback(() => {
         if (!triggerRef.current) {
             return;
         }
@@ -66,9 +74,40 @@ export const Absolute = ({ isOpen, id, paddingX, paddingY, className, children,
             triggerRef.current.focus();
             return;
         }
-        const focusable = [...Array.from(triggerRef.current.querySelectorAll(FOCUSABLE_SELECTOR))];
-        (focusable[0] || triggerRef.current).focus();
-    }
+        const focusable = Array.from(triggerRef.current.querySelectorAll(FOCUSABLE_SELECTOR));
+        const target = focusable.find(el => isFocusable(el)) || triggerRef.current;
+        if (!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 = 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.
+    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.document) === null || _a === void 0 ? void 0 : _a.activeElement;
+        const focusIsInsideOrLost = !activeEl || activeEl === ((_b = zen.document) === null || _b === void 0 ? void 0 : _b.body) || (popupRef.current && popupRef.current.contains(activeEl));
+        if (focusIsInsideOrLost) {
+            returnFocusToTrigger();
+        }
+    }, [isOpen, returnFocusToTrigger]);
     const condition = useCallback(() => (useTrapFocusWithTrigger === "off" ? false : true), [useTrapFocusWithTrigger]);
     useTrapFocus(popupRef, useTrapFocusWithTrigger === "withTrigger" ? triggerRef : undefined, isOpen, condition);
     useEscape(popupRef, handleEscape, isOpen);
@@ -89,6 +128,7 @@ export const Absolute = ({ isOpen, id, paddingX, paddingY, className, children,
             if (isClickInPopup || isClickOnTrigger || stateFullChilds) {
                 return;
             }
+            closedByExternalRef.current = true;
             onOpenChange(false);
         };
         if (isOpen) {

package/esm/advancedGroupsFilter/advancedGroupsFilter.js

@@ -33,7 +33,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");
@@ -60,7 +60,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");
@@ -87,7 +87,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 AdvancedGroupsFilter = ({
   isOpen,
   onClose,

package/esm/advancedGroupsFilter/advancedGroupsFilterForm.js

@@ -32,7 +32,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");
@@ -59,7 +59,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");
 export const AdvancedGroupsFilterForm = ({
   state,
   onStateChange,

package/esm/advancedGroupsFilter/advancedGroupsFilterFormSection.js

@@ -37,7 +37,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");
@@ -64,7 +64,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");
@@ -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", "Groups", "Skupiny");
 injectString("da-DK", "Groups", "Grupper");
 injectString("de", "Groups", "Gruppen");
@@ -118,7 +118,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");
@@ -145,7 +145,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");
@@ -172,7 +172,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");
@@ -199,7 +199,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");
 export const AdvancedGroupsFilterFormSection = ({
   state,
   interSectionRelation,

package/esm/advancedGroupsFilter/advancedGroupsFilterSectionTooltip.js

@@ -29,7 +29,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.");
 export const AdvancedGroupsFilterSectionTooltip = ({
   className = "",
   alignment = "top",

package/esm/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/esm/alertRaw/alertRaw.js

@@ -41,7 +41,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 typedIcons = {
   error: IconException,
   success: IconCheckRadio,

package/esm/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/esm/banner/banner.js

@@ -2,10 +2,20 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { BannerSingleLine } from "./bannerSingleLine";
 import { BannerMultiline } from "./bannerMultipLine";
 import { useMobile } from "../commonHelpers/hooks/useMobile";
+import { BannerErrorSummary } from "./bannerErrorSummary";
+import { hasSummaryErrorChild } from "./utils/hasSummaryErrorChild";
+import { useSummaryBannerProp } from "./utils/useSummaryBannerProp";
 export const BannerDisplayName = "Banner";
-export 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
+export const Banner = (props) => {
+    const { children, header, type, icon, action, size, onClose, multiline, role = "status", ariaAtomic = "true", ariaLive = "polite", primaryAction, className, id } = props;
     const isMobile = useMobile();
-    const isMultiline = multiline === undefined ? isMobile : multiline;
+    const forceSummaryError = hasSummaryErrorChild(children) && (type === "error" || type === undefined);
+    const isMultiline = forceSummaryError ? true : multiline === undefined ? isMobile : multiline;
+    const summaryErrorProps = useSummaryBannerProp(props);
+    if (Object.keys(summaryErrorProps).length) {
+        return _jsx(BannerMultiline, Object.assign({}, summaryErrorProps));
+    }
     return isMultiline ? (_jsx(BannerMultiline, { children,
         header,
         type,
@@ -33,3 +43,4 @@ export const Banner = ({ children, header, type = "warning", icon, action, size,
         id }));
 };
 Banner.displayName = BannerDisplayName;
+Banner.ErrorSummary = BannerErrorSummary;

package/esm/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/esm/banner/bannerErrorSummary.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const BannerErrorSummaryDisplayName = "Banner.ErrorSummary";
+export const BannerErrorSummary = ({ value, link }) => (_jsx("a", { href: link, className: "zen-banner__summary-error-link zen-link", children: value }));
+BannerErrorSummary.displayName = BannerErrorSummaryDisplayName;

package/esm/banner/bannerMultipLine.js

@@ -36,7 +36,7 @@ injectString("tr", "Close", "Kapat");
 injectString("zh-Hans", "Close", "\u5173\u95ED");
 injectString("zh-TW", "Close", "\u95DC\u9589");
 injectString("ro-RO", "Close", "\xCEnchide");
-injectString("ar-SA", "Close", "\u0625\u063A\u0644\u0627\u0642");
+injectString("ar", "Close", "\u0625\u063A\u0644\u0627\u0642");
 export const BannerMultiline = ({
   children,
   header,

package/esm/banner/bannerSingleLine.js

@@ -37,7 +37,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");
 export const BannerSingleLine = ({
   children,
   header,

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

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

package/esm/banner/utils/buildSummaryErrorList.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Children } from "react";
+import { isSummaryErrorElement } from "./isSummaryErrorElement";
+export const buildSummaryErrorList = (children) => {
+    const items = Children.toArray(children)
+        .filter(isSummaryErrorElement)
+        .map(child => {
+        const { value, link } = child.props;
+        return link ? (_jsx("a", { href: link, className: "zen-link zen-banner__summary-error-link", children: value }, `${value}-${link}`)) : (_jsx("span", { className: "zen-banner__summary-error-link", children: value }, value));
+    });
+    return _jsx("div", { className: "zen-banner__summary-error-list", children: items });
+};

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

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

package/esm/banner/utils/hasSummaryErrorChild.js

@@ -0,0 +1,3 @@
+import { Children } from "react";
+import { isSummaryErrorElement } from "./isSummaryErrorElement";
+export const hasSummaryErrorChild = (children) => Children.toArray(children).some(isSummaryErrorElement);

package/esm/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/esm/banner/utils/isSummaryErrorBanner.js

@@ -0,0 +1,2 @@
+import { hasSummaryErrorChild } from "./hasSummaryErrorChild";
+export const isSummaryErrorBanner = (type, children) => (type === undefined || type === "error") && hasSummaryErrorChild(children);

package/esm/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/esm/banner/utils/isSummaryErrorElement.js

@@ -0,0 +1,3 @@
+import { isValidElement } from "react";
+import { BannerErrorSummaryDisplayName } from "../bannerErrorSummary";
+export const isSummaryErrorElement = (child) => isValidElement(child) && child.type.displayName === BannerErrorSummaryDisplayName;

package/esm/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/esm/banner/utils/useSummaryBannerProp.js

@@ -0,0 +1,25 @@
+import { injectString } from "../../utils/localization/translationsDictionary";
+import { useLanguage } from "../../utils/localization/useLanguage";
+import { hasSummaryErrorChild } from "./hasSummaryErrorChild";
+import { buildSummaryErrorList } from "./buildSummaryErrorList";
+injectString("en", "Please correct the following errors.", "Please correct the following errors.");
+export const useSummaryBannerProp = props => {
+  const {
+    children,
+    type
+  } = props;
+  const {
+    translate
+  } = useLanguage();
+  const isSummaryBanner = 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: buildSummaryErrorList(children),
+    action: undefined
+  });
+};

package/esm/betaPill/betaPill.js

@@ -34,7 +34,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");
@@ -61,7 +61,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.");
@@ -88,7 +88,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");
@@ -115,7 +115,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");
 export const BetaPill = props => {
   const {
     className,

package/esm/bookmark/bookmark.js

@@ -36,7 +36,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");
@@ -63,7 +63,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");
 export const Bookmark = ({
   className,
   bookmarked,

package/esm/bulkEditControl/bulkEditControl.js

@@ -29,7 +29,7 @@ injectString("tr", "Select visible", "G\xF6r\xFCn\xFCr olan\u0131 se\xE7");
 injectString("zh-Hans", "Select visible", "\u9009\u62E9\u53EF\u89C1");
 injectString("zh-TW", "Select visible", "\u9078\u53D6\u53EF\u898B\u9805\u76EE");
 injectString("ro-RO", "Select visible", "Selecta\u021Bi ce este vizibil");
-injectString("ar-SA", "Select visible", "\u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0645\u0631\u0626\u064A");
+injectString("ar", "Select visible", "\u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0645\u0631\u0626\u064A");
 injectString("cs", "Select individual", "Vybrat jednotliv\u011B");
 injectString("da-DK", "Select individual", "V\xE6lg individuel");
 injectString("de", "Select individual", "Einzelne ausw\xE4hlen");
@@ -56,7 +56,7 @@ injectString("tr", "Select individual", "Ki\u015Fi se\xE7");
 injectString("zh-Hans", "Select individual", "\u9009\u62E9\u4E2A\u4EBA");
 injectString("zh-TW", "Select individual", "\u9078\u53D6\u500B\u5225\u9805\u76EE");
 injectString("ro-RO", "Select individual", "Selecta\u021Bi individual");
-injectString("ar-SA", "Select individual", "\u062A\u062D\u062F\u064A\u062F \u0641\u0631\u062F\u064A");
+injectString("ar", "Select individual", "\u062A\u062D\u062F\u064A\u062F \u0641\u0631\u062F\u064A");
 injectString("cs", "Select all", "Vybrat v\u0161e");
 injectString("da-DK", "Select all", "V\xE6lg alle");
 injectString("de", "Select all", "Alle ausw\xE4hlen");
@@ -83,7 +83,7 @@ injectString("tr", "Select all", "T\xFCm\xFCn\xFC se\xE7");
 injectString("zh-Hans", "Select all", "\u5168\u9009");
 injectString("zh-TW", "Select all", "\u5168\u9078");
 injectString("ro-RO", "Select all", "Selecta\u021Bi tot");
-injectString("ar-SA", "Select all", "\u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0643\u0644");
+injectString("ar", "Select all", "\u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0643\u0644");
 injectString("cs", "Select none", "Zru\u0161it v\xFDb\u011Br");
 injectString("da-DK", "Select none", "V\xE6lg ingen");
 injectString("de", "Select none", "Keine ausw\xE4hlen");
@@ -110,7 +110,7 @@ injectString("tr", "Select none", "Hi\xE7birini se\xE7me");
 injectString("zh-Hans", "Select none", "\u6CA1\u6709\u9009\u62E9");
 injectString("zh-TW", "Select none", "\u5168\u4E0D\u9078");
 injectString("ro-RO", "Select none", "Nu selecta\u021Bi nimic");
-injectString("ar-SA", "Select none", "\u0625\u0644\u063A\u0627\u0621 \u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0643\u0644");
+injectString("ar", "Select none", "\u0625\u0644\u063A\u0627\u0621 \u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0643\u0644");
 injectString("cs", "Multiple Selection Menu", "Nab\xEDdka s\xA0v\xEDcen\xE1sobn\xFDm v\xFDb\u011Brem");
 injectString("da-DK", "Multiple Selection Menu", "Menu med flere valg");
 injectString("de", "Multiple Selection Menu", "Mehrere Auswahlmen\xFCs");
@@ -137,7 +137,7 @@ injectString("tr", "Multiple Selection Menu", "\xC7oklu Se\xE7im Men\xFCs\xFC");
 injectString("zh-Hans", "Multiple Selection Menu", "\u591A\u4E2A\u9009\u62E9\u83DC\u5355");
 injectString("zh-TW", "Multiple Selection Menu", "\u591A\u91CD\u9078\u64C7\u9078\u55AE");
 injectString("ro-RO", "Multiple Selection Menu", "Meniu selectare multipl\u0103");
-injectString("ar-SA", "Multiple Selection Menu", "\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0645\u062A\u0639\u062F\u062F");
+injectString("ar", "Multiple Selection Menu", "\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0645\u062A\u0639\u062F\u062F");
 export var BulkEditItemType;
 (function (BulkEditItemType) {
   BulkEditItemType["SelectVisible"] = "selectVisible";