@geotab/zenith 3.7.0 → 3.8.0-beta.1

package/dist/utils/toKebabCase.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Converts a string to kebab-case for use in analytics IDs.
+ * Handles camelCase, parentheses, and spaces.
+ *
+ * Inspired by `toKebabCase` in `apps/MyGeotab/src/shared/utils/analyticsUtils.ts`
+ * to ensure consistent analytics ID formatting across Zenith and MyGeotab.
+ *
+ * @param str - The string to convert.
+ * @returns The kebab-case string.
+ *
+ * @example
+ * toKebabCase("breakdownRate") // "breakdown-rate"
+ * toKebabCase("Fuel Level (EV)") // "fuel-level-ev"
+ * toKebabCase("State of Charge") // "state-of-charge"
+ */
+export declare const toKebabCase: (str: string) => string;

package/dist/utils/toKebabCase.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toKebabCase = void 0;
+/**
+ * Converts a string to kebab-case for use in analytics IDs.
+ * Handles camelCase, parentheses, and spaces.
+ *
+ * Inspired by `toKebabCase` in `apps/MyGeotab/src/shared/utils/analyticsUtils.ts`
+ * to ensure consistent analytics ID formatting across Zenith and MyGeotab.
+ *
+ * @param str - The string to convert.
+ * @returns The kebab-case string.
+ *
+ * @example
+ * toKebabCase("breakdownRate") // "breakdown-rate"
+ * toKebabCase("Fuel Level (EV)") // "fuel-level-ev"
+ * toKebabCase("State of Charge") // "state-of-charge"
+ */
+const toKebabCase = (str) => str
+    .replace(/([a-z])([A-Z])/g, "$1-$2")
+    .replace(/[()]/g, "")
+    .trim()
+    .replace(/\s+/g, "-")
+    .toLowerCase();
+exports.toKebabCase = toKebabCase;

package/dist/utils/userFormat/userFormatContext.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.userFormatContext = exports.defaultToLocalDateTime = void 0;
 const react_1 = require("react");
-const defaultToLocalDateTime = d => typeof d === "string" ? new Date(d) : d;
+const defaultToLocalDateTime = d => (typeof d === "string" ? new Date(d) : d);
 exports.defaultToLocalDateTime = defaultToLocalDateTime;
 exports.userFormatContext = (0, react_1.createContext)({
     dateFormat: "yyyy-MM-dd",

package/dist/waiting/waiting.js

@@ -18,10 +18,11 @@ const Waiting = ({ isLoading = false, delay = 400, hideOverlay = false, classNam
         else {
             setVisible(false);
         }
-        return () => { var _a; timer && ((_a = zen_1.zen.clearTimeout) === null || _a === void 0 ? void 0 : _a.call(zen_1.zen, timer)); };
+        return () => {
+            var _a;
+            timer && ((_a = zen_1.zen.clearTimeout) === null || _a === void 0 ? void 0 : _a.call(zen_1.zen, timer));
+        };
     }, [isLoading, setVisible, delay]);
-    return visible ?
-        (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-waiting", className]), children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-waiting__overlay", hideOverlay ? "zen-waiting__overlay--hidden" : ""]) }), (0, jsx_runtime_1.jsxs)("div", { className: "zen-waiting__spinner-container", children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-waiting__spinner", spinnerDriveClassName || ""]), children: (0, jsx_runtime_1.jsxs)("svg", { viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsxs)("linearGradient", { id: "spinnerGradient", x1: "0", y1: "0", x2: "1", y2: "0", gradientUnits: "objectBoundingBox", children: [(0, jsx_runtime_1.jsx)("stop", { offset: "0%", stopColor: "var(--borders-form-field--active)", stopOpacity: "1" }), (0, jsx_runtime_1.jsx)("stop", { offset: "33.33%", stopColor: "var(--borders-form-field--active)", stopOpacity: "0.8" }), (0, jsx_runtime_1.jsx)("stop", { offset: "50%", stopColor: "var(--borders-form-field--active)", stopOpacity: "0.5" }), (0, jsx_runtime_1.jsx)("stop", { offset: "66.67%", stopColor: "var(--borders-form-field--active)", stopOpacity: "0.2" }), (0, jsx_runtime_1.jsx)("stop", { offset: "100%", stopColor: "var(--borders-form-field--active)", stopOpacity: "0" })] }) }), (0, jsx_runtime_1.jsx)("path", { className: "zen-waiting__spinner-animation", stroke: "url(#spinnerGradient)", strokeWidth: "6", strokeLinecap: "round", d: "M 32 4 A 28 28 0 1 1 32 60 A 28 28 0 1 1 32 4 Z" })] }) }), description && (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-waiting__spinner-text"]), children: description })] })] })
-        : null;
+    return visible ? ((0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-waiting", className]), children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-waiting__overlay", hideOverlay ? "zen-waiting__overlay--hidden" : ""]) }), (0, jsx_runtime_1.jsxs)("div", { className: "zen-waiting__spinner-container", children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-waiting__spinner", spinnerDriveClassName || ""]), children: (0, jsx_runtime_1.jsxs)("svg", { viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsxs)("linearGradient", { id: "spinnerGradient", x1: "0", y1: "0", x2: "1", y2: "0", gradientUnits: "objectBoundingBox", children: [(0, jsx_runtime_1.jsx)("stop", { offset: "0%", stopColor: "var(--borders-form-field--active)", stopOpacity: "1" }), (0, jsx_runtime_1.jsx)("stop", { offset: "33.33%", stopColor: "var(--borders-form-field--active)", stopOpacity: "0.8" }), (0, jsx_runtime_1.jsx)("stop", { offset: "50%", stopColor: "var(--borders-form-field--active)", stopOpacity: "0.5" }), (0, jsx_runtime_1.jsx)("stop", { offset: "66.67%", stopColor: "var(--borders-form-field--active)", stopOpacity: "0.2" }), (0, jsx_runtime_1.jsx)("stop", { offset: "100%", stopColor: "var(--borders-form-field--active)", stopOpacity: "0" })] }) }), (0, jsx_runtime_1.jsx)("path", { className: "zen-waiting__spinner-animation", stroke: "url(#spinnerGradient)", strokeWidth: "6", strokeLinecap: "round", d: "M 32 4 A 28 28 0 1 1 32 60 A 28 28 0 1 1 32 4 Z" })] }) }), description && (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-waiting__spinner-text"]), children: description })] })] })) : null;
 };
 exports.Waiting = Waiting;

package/esm/absolute/absolute.js

@@ -79,7 +79,9 @@ export const Absolute = ({ isOpen, id, paddingX, paddingY, className, children,
                 return;
             }
             const isClickInPopup = isChildPopup(e.target, popupRef.current);
-            const isClickOnTrigger = triggerRef.current ? e.target === triggerRef.current || isChildOf(e.target, triggerRef.current) : false;
+            const isClickOnTrigger = triggerRef.current
+                ? e.target === triggerRef.current || isChildOf(e.target, triggerRef.current)
+                : false;
             if (isClickInPopup || isClickOnTrigger || stateFullChilds) {
                 return;
             }

package/esm/accordion/accordion.js

@@ -4,5 +4,5 @@ import { AccordionItem } from "./accordionItem/accordionItem";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const Accordion = ({ data = [], className = "", activeIds = [], onItemClick }) => {
     const fullClassName = classNames(["zen-accordion", className]);
-    return _jsx("div", { className: fullClassName, children: data.map((item) => _createElement(AccordionItem, Object.assign({}, item, { key: item.id, isActive: activeIds.indexOf(item.id) !== -1, onClick: () => onItemClick && onItemClick(item.id) }))) });
+    return (_jsx("div", { className: fullClassName, children: data.map(item => (_createElement(AccordionItem, Object.assign({}, item, { key: item.id, isActive: activeIds.indexOf(item.id) !== -1, onClick: () => onItemClick && onItemClick(item.id) })))) }));
 };

package/esm/accordion/accordionItem/accordionItem.js

@@ -4,13 +4,5 @@ import { classNames } from "../../commonHelpers/classNames/classNames";
 import { IconChevronBottom } from "../../icons/iconChevronBottom";
 export const AccordionItem = ({ title, content, isActive, onClick, id }) => {
     const ariaControlsId = useId();
-    return (_jsxs(_Fragment, { children: [_jsx("h3", { className: "zen-accordion__header", children: _jsxs("button", { type: "button", "aria-expanded": isActive, "aria-controls": ariaControlsId, className: "zen-accordion__header-button", id: id, onClick: onClick, children: [title, _jsx(IconChevronBottom, { size: "large", className: classNames([
-                                "zen-accordion__header-arrow",
-                                isActive
-                                    ? "zen-accordion__header-arrow--rotated"
-                                    : ""
-                            ]) })] }) }), _jsx("div", { id: ariaControlsId, "aria-labelledby": id, role: "region", className: classNames([
-                    "zen-accordion__content",
-                    isActive ? "" : "zen-accordion__content--hidden"
-                ]), children: content })] }));
+    return (_jsxs(_Fragment, { children: [_jsx("h3", { className: "zen-accordion__header", children: _jsxs("button", { type: "button", "aria-expanded": isActive, "aria-controls": ariaControlsId, className: "zen-accordion__header-button", id: id, onClick: onClick, children: [title, _jsx(IconChevronBottom, { size: "large", className: classNames(["zen-accordion__header-arrow", isActive ? "zen-accordion__header-arrow--rotated" : ""]) })] }) }), _jsx("div", { id: ariaControlsId, "aria-labelledby": id, role: "region", className: classNames(["zen-accordion__content", isActive ? "" : "zen-accordion__content--hidden"]), children: content })] }));
 };

package/esm/advancedGroupsFilter/advancedGroupsFilter.js

@@ -33,6 +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("cs", "Cancel", "Zru\u0161it");
 injectString("da-DK", "Cancel", "Annuller");
 injectString("de", "Cancel", "Abbrechen");
@@ -59,6 +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("cs", "Apply", "Pou\u017E\xEDt");
 injectString("da-DK", "Apply", "Anvend");
 injectString("de", "Apply", "Anwenden");
@@ -85,6 +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");
 export const AdvancedGroupsFilter = ({
   isOpen,
   onClose,

package/esm/advancedGroupsFilter/advancedGroupsFilterForm.js

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

package/esm/advancedGroupsFilter/advancedGroupsFilterFormHelper.js

@@ -37,10 +37,7 @@ export const prepareToFilterState = (state) => {
         }
         return {
             relation: itemState.interSectionRelation,
-            items: [
-                prevState,
-                itemState.sectionState
-            ]
+            items: [prevState, itemState.sectionState]
         };
     }, {});
     return Object.keys(preparedState).length ? toFilterState(simplifyFilterState(preparedState)) : getDefaultFilterState();

package/esm/advancedGroupsFilter/advancedGroupsFilterFormSection.js

@@ -22,7 +22,7 @@ injectString("fr-FR", "And", "Et");
 injectString("hu-HU", "And", "\xC9s");
 injectString("id", "And", "Dan");
 injectString("it", "And", "E");
-injectString("ja", "And", "\u3068");
+injectString("ja", "And", "And");
 injectString("ko-KR", "And", "\uADF8\uB9AC\uACE0");
 injectString("ms", "And", "Dan");
 injectString("nb-NO", "And", "Og");
@@ -37,6 +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("cs", "Or", "Nebo");
 injectString("da-DK", "Or", "Eller");
 injectString("de", "Or", "Oder");
@@ -48,7 +49,7 @@ injectString("fr-FR", "Or", "Ou");
 injectString("hu-HU", "Or", "Vagy");
 injectString("id", "Or", "Atau");
 injectString("it", "Or", "O");
-injectString("ja", "Or", "\u307E\u305F\u306F");
+injectString("ja", "Or", "OR");
 injectString("ko-KR", "Or", "\uB610\uB294");
 injectString("ms", "Or", "Atau");
 injectString("nb-NO", "Or", "Eller");
@@ -63,6 +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("cs", "Operator", "Oper\xE1tor");
 injectString("da-DK", "Operator", "Operat\xF8r");
 injectString("de", "Operator", "Operator");
@@ -89,6 +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("cs", "Groups", "Skupiny");
 injectString("da-DK", "Groups", "Grupper");
 injectString("de", "Groups", "Gruppen");
@@ -115,6 +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("cs", "Remove condition", "Odebrat podm\xEDnku");
 injectString("da-DK", "Remove condition", "Fjern betingelse");
 injectString("de", "Remove condition", "Bedingung entfernen");
@@ -141,6 +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("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");
@@ -167,6 +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("cs", "GroupCompanyId", "Skupina spole\u010Dnosti");
 injectString("da-DK", "GroupCompanyId", "Virksomhedsgruppe");
 injectString("de", "GroupCompanyId", "Unternehmensgruppe");
@@ -193,6 +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");
 export const AdvancedGroupsFilterFormSection = ({
   state,
   interSectionRelation,

package/esm/advancedGroupsFilter/advancedGroupsFilterHelper.js

@@ -1,7 +1,9 @@
 import { isFilterState } from "../groupsFilterRaw/groupsHelper";
 export const getCurrentSelectionFromIds = (items, comboArr) => items.map((item) => {
     const currentItem = comboArr.find((comboItem) => comboItem.id === item.id);
-    return currentItem ? { id: currentItem.id, name: currentItem.name, color: currentItem.color } : { id: item.id, name: item.id, color: undefined };
+    return currentItem
+        ? { id: currentItem.id, name: currentItem.name, color: currentItem.color }
+        : { id: item.id, name: item.id, color: undefined };
 });
 export const isFilterStateLeafItem = (state) => {
     // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition

package/esm/advancedGroupsFilter/advancedGroupsFilterSectionTooltip.js

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

package/esm/alert/alert.js

@@ -5,19 +5,27 @@ export const Alert = ({ isOpen, text, header, type, onClose, buttons, id, classN
     const { addAlert, removeAlert, alertsQueue, alerts, alertsAnimation, removedAlertId, mode, apiAlertActions } = useContext(FeedbackContext);
     const generatedId = useId();
     const localId = id || generatedId;
-    const isInQueue = alertsQueue.some((alert) => alert.id === localId);
-    const isRendered = alerts.some((alert) => alert.id === localId);
-    const isAnimating = alertsAnimation.some((alert) => alert.id === localId);
-    const isInApiAlerts = !!apiAlertActions.find((alert) => alert.id === localId);
+    const isInQueue = alertsQueue.some(alert => alert.id === localId);
+    const isRendered = alerts.some(alert => alert.id === localId);
+    const isAnimating = alertsAnimation.some(alert => alert.id === localId);
+    const isInApiAlerts = !!apiAlertActions.find(alert => alert.id === localId);
     const isAPI = mode === "api";
-    const alertIndex = alerts.findIndex((alert) => alert.id === localId);
+    const alertIndex = alerts.findIndex(alert => alert.id === localId);
     useWarning({ mode, name: "alerts" });
     useEffect(() => {
         if (isAPI) {
             if (isOpen && !isInApiAlerts) {
-                addAlert({ className, header, text, id: localId, type, onClose: () => {
+                addAlert({
+                    className,
+                    header,
+                    text,
+                    id: localId,
+                    type,
+                    onClose: () => {
                         onClose();
-                    }, buttons });
+                    },
+                    buttons
+                });
                 return;
             }
             if (!isOpen && isInApiAlerts) {
@@ -29,10 +37,18 @@ export const Alert = ({ isOpen, text, header, type, onClose, buttons, id, classN
         if (isOpen && isInQueue && isRendered) {
             return;
         }
-        if (isOpen && (!isInQueue && !isRendered)) {
-            addAlert({ className, header, text, id: localId, type, onClose: () => {
+        if (isOpen && !isInQueue && !isRendered) {
+            addAlert({
+                className,
+                header,
+                text,
+                id: localId,
+                type,
+                onClose: () => {
                     onClose();
-                }, buttons });
+                },
+                buttons
+            });
             return;
         }
         if (!isOpen && isRendered && !isInQueue && !isAnimating) {
@@ -42,6 +58,24 @@ export const Alert = ({ isOpen, text, header, type, onClose, buttons, id, classN
             removeAlert(localId);
             onClose();
         }
-    }, [localId, isOpen, text, header, type, addAlert, onClose, removeAlert, isInQueue, isRendered, isAnimating, alertIndex, removedAlertId, buttons, isAPI, isInApiAlerts, className]);
+    }, [
+        localId,
+        isOpen,
+        text,
+        header,
+        type,
+        addAlert,
+        onClose,
+        removeAlert,
+        isInQueue,
+        isRendered,
+        isAnimating,
+        alertIndex,
+        removedAlertId,
+        buttons,
+        isAPI,
+        isInApiAlerts,
+        className
+    ]);
     return null;
 };

package/esm/alert/hooks/useAlert.js

@@ -11,16 +11,16 @@ export const useAlert = () => {
     const { alerts, setAlerts, targetEvent } = useAlertState();
     const isAPIMode = mode === "api";
     const hideAlert = useCallback(function (id) {
-        setAlerts((prevAlerts) => [...prevAlerts.filter((el) => el.id !== id)]);
+        setAlerts((prevAlerts) => [...prevAlerts.filter(el => el.id !== id)]);
         removeAlert(id);
         if (isAPIMode) {
-            setApiAlertActions((prev) => [...prev.filter((el) => el.id !== id)]);
+            setApiAlertActions((prev) => [...prev.filter(el => el.id !== id)]);
         }
     }, [isAPIMode, removeAlert, setAlerts, setApiAlertActions]);
     const showAlert = useCallback((newItem) => {
         const generatedId = generateId();
         const alertItem = Object.assign(Object.assign({}, newItem), { id: generatedId });
-        setAlerts((prev) => [...prev, alertItem]);
+        setAlerts(prev => [...prev, alertItem]);
         return {
             id: generatedId,
             hideAlert: () => {

package/esm/alert/utils/hideAlertCallback.js

@@ -1,8 +1,8 @@
-export const hideAlertCallback = ((event, hideAlert) => {
+export const hideAlertCallback = (event, hideAlert) => {
     var _a;
     const id = (_a = event.detail) === null || _a === void 0 ? void 0 : _a.id;
     if (!id || typeof id !== "string") {
         return;
     }
     hideAlert(id);
-});
+};

package/esm/alertRaw/alertRaw.js

@@ -41,6 +41,7 @@ injectString("tr", "Close", "Kapat");
 injectString("zh-Hans", "Close", "\u5173\u95ED");
 injectString("zh-TW", "Close", "\u95DC\u9589");
 injectString("ro-RO", "Close", "\xCEnchide\u021Bi");
+injectString("ar-SA", "Close", "\u0625\u063A\u0644\u0627\u0642");
 const typedIcons = {
   error: IconException,
   success: IconCheckRadio,

package/esm/alertRaw/components/alertAnimation.js

@@ -10,10 +10,7 @@ export const AlertAnimation = ({ id, children, isOpen, animation }) => {
         }
         startAlertAnimation(id);
         if (animation === "top-bottom") {
-            ref.current.animate([
-                { bottom: "100%" },
-                { bottom: "0%" }
-            ], {
+            ref.current.animate([{ bottom: "100%" }, { bottom: "0%" }], {
                 duration: 300,
                 iterations: 1,
                 delay: 0,
@@ -24,10 +21,7 @@ export const AlertAnimation = ({ id, children, isOpen, animation }) => {
             return;
         }
         if (animation === "bottom-top") {
-            ref.current.animate([
-                { top: "100%" },
-                { top: "0%" }
-            ], {
+            ref.current.animate([{ top: "100%" }, { top: "0%" }], {
                 duration: 300,
                 iterations: 1,
                 delay: 0,
@@ -38,10 +32,7 @@ export const AlertAnimation = ({ id, children, isOpen, animation }) => {
             return;
         }
         if (animation === "left-right") {
-            ref.current.animate([
-                { left: "0%" },
-                { left: "120%" }
-            ], {
+            ref.current.animate([{ left: "0%" }, { left: "120%" }], {
                 duration: 300,
                 iterations: 1,
                 delay: 0,
@@ -52,10 +43,7 @@ export const AlertAnimation = ({ id, children, isOpen, animation }) => {
             };
             return;
         }
-        ref.current.animate([
-            { left: "120%" },
-            { left: "0%" }
-        ], {
+        ref.current.animate([{ left: "120%" }, { left: "0%" }], {
             duration: 300,
             iterations: 1,
             delay: 0,
@@ -64,6 +52,6 @@ export const AlertAnimation = ({ id, children, isOpen, animation }) => {
             finishAlertAnimation(id);
         };
     }, [isOpen, animation, id, startAlertAnimation, finishAlertAnimation]);
-    return isOpen && _jsx("div", { style: { position: "relative" }, ref: ref, children: children });
+    return (isOpen && (_jsx("div", { style: { position: "relative" }, ref: ref, children: children })));
 };
 export default AlertAnimation;

package/esm/anchor/anchor.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 export const Anchor = ({ children, className, id, href, title }) => {
     const classNames = className || "";
-    return _jsx("a", { id: id, title: title, href: href, className: classNames, children: children });
+    return (_jsx("a", { id: id, title: title, href: href, className: classNames, children: children }));
 };

package/esm/banner/banner.js

@@ -6,7 +6,7 @@ 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 }) => {
     const isMobile = useMobile();
     const isMultiline = multiline === undefined ? isMobile : multiline;
-    return isMultiline ? _jsx(BannerMultiline, { children,
+    return isMultiline ? (_jsx(BannerMultiline, { children,
         header,
         type,
         icon,
@@ -18,7 +18,7 @@ export const Banner = ({ children, header, type = "warning", icon, action, size,
         ariaLive,
         primaryAction,
         className,
-        id }) : _jsx(BannerSingleLine, { children,
+        id })) : (_jsx(BannerSingleLine, { children,
         header,
         type,
         size,
@@ -30,6 +30,6 @@ export const Banner = ({ children, header, type = "warning", icon, action, size,
         ariaLive,
         primaryAction,
         className,
-        id });
+        id }));
 };
 Banner.displayName = BannerDisplayName;

package/esm/banner/bannerMultipLine.js

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

package/esm/banner/bannerSingleLine.js

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

package/esm/banner/bannerUtils.js

@@ -1,19 +1,19 @@
 export const DEFAULT_BANNER_SIZE = "L";
 export const DEFAULT_BANNER_UPSELL_SIZE = "XXL";
 export const options = {
-    "error": {
+    error: {
         blockClassName: "zen-banner--error"
     },
-    "info": {
+    info: {
         blockClassName: "zen-banner--info"
     },
-    "success": {
+    success: {
         blockClassName: "zen-banner--success"
     },
-    "warning": {
+    warning: {
         blockClassName: ""
     },
-    "upsell": {
+    upsell: {
         blockClassName: "zen-banner--upsell"
     }
 };

package/esm/banner/typeIcon.js

@@ -9,16 +9,16 @@ import { classNames } from "../commonHelpers/classNames/classNames";
 import { IconGraphPresentation } from "../icons/iconGraphPresentation";
 const TypeIcon = ({ type, className }) => {
     const iconsByType = useMemo(() => ({
-        "error": IconException,
-        "success": IconCheckRadio,
-        "warning": IconWarning,
-        "info": IconInfoCircle,
-        "upsell": IconGraphPresentation
+        error: IconException,
+        success: IconCheckRadio,
+        warning: IconWarning,
+        info: IconInfoCircle,
+        upsell: IconGraphPresentation
     }), []);
     const bannerDriveClassName = useDriveClassName("zen-banner__icon-block");
-    return _jsx("div", { className: classNames(["zen-banner__icon-block", className || ""]), children: createElement(iconsByType[type], {
+    return (_jsx("div", { className: classNames(["zen-banner__icon-block", className || ""]), children: createElement(iconsByType[type], {
             size: bannerDriveClassName ? "huge" : "large",
             className: `zen-push__icon--${type}`
-        }) });
+        }) }));
 };
 export default TypeIcon;

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

@@ -0,0 +1 @@
+export declare const isBannerTarget: (e: Event) => boolean;

package/esm/banner/utils/isBannerTarget.js

@@ -0,0 +1,7 @@
+export const isBannerTarget = (e) => {
+    if (!e.target) {
+        return false;
+    }
+    const target = e.target;
+    return !!target.closest(".zen-banner");
+};