@geotab/zenith 3.11.1 → 3.12.0-beta.0

package/esm/dateRangeInner/dateRangeInner.js

@@ -6,6 +6,8 @@ import { useLanguage } from "../utils/localization/useLanguage";
 import { userFormatContext } from "../utils/userFormat/userFormatContext";
 import { deformatDate, formatDate } from "../utils/formatDate";
 import { IconChevronRight } from "../icons/iconChevronRight";
+import { IconChevronLeft } from "../icons/iconChevronLeft";
+import { useDirectionalIcon } from "../utils/localization/useDirectionalIcon";
 import { parseLabel } from "../dateRange/dateRange";
 import { normalizeDates } from "../filtersBar/components/filtersBarPeriodPicker/normalizeDates";
 import { classNames } from "../commonHelpers/classNames/classNames";
@@ -36,7 +38,7 @@ injectString("tr", "Custom", "\xD6zel");
 injectString("zh-Hans", "Custom", "\u5B9A\u5236");
 injectString("zh-TW", "Custom", "\u81EA\u8A02");
 injectString("ro-RO", "Custom", "Personaliza\u021Bi");
-injectString("ar-SA", "Custom", "\u0645\u062E\u0635\u0635");
+injectString("ar", "Custom", "\u0645\u062E\u0635\u0635");
 export const CUSTOM_CALENDAR_ID = "Custom";
 export const DateRangeInner = ({
   id,
@@ -60,6 +62,7 @@ export const DateRangeInner = ({
     translate
   } = useLanguage();
   const isMobileView = !!setShowMobileCalendar;
+  const ChevronIcon = useDirectionalIcon(IconChevronRight, IconChevronLeft);
   const {
     dateFormat,
     weekStartsOnSunday,
@@ -98,7 +101,7 @@ export const DateRangeInner = ({
         }) : null]
       }), _jsx("div", {
         className: "zen-date-range-inner__mobile-custom-icon-wrapper",
-        children: _jsx(IconChevronRight, {
+        children: _jsx(ChevronIcon, {
           size: "large"
         })
       })]
@@ -119,7 +122,7 @@ export const DateRangeInner = ({
       key: option.id
     }));
     return optionsToPass;
-  }, [calendarLabel, isMobileView, onOptionSelect, options, selection, setShowMobileCalendar]);
+  }, [ChevronIcon, calendarLabel, isMobileView, onOptionSelect, options, selection, setShowMobileCalendar]);
   const calendarId = useMemo(() => `${id}-calendar`, [id]);
   const optionSelectHandler = useCallback(e => {
     let selectedValue = e.target.value;

package/esm/dateRangeRaw/dateRangeRaw.d.ts

@@ -26,6 +26,7 @@ interface IDateRangeRawBase extends IZenComponentProps, IChipsParent {
     id?: string;
     error?: string;
     stepper?: boolean;
+    dataAnalyticsId?: string;
 }
 export interface IDateRangeRaw extends IDateRangeRawBase {
     defaultValue: IDateRangeValue;

package/esm/dateRangeRaw/dateRangeRaw.js

@@ -21,6 +21,7 @@ import { areMapsEqual } from "./utils/areMapsEqual";
 import { IconChevronLeftSmall } from "../icons/iconChevronLeftSmall";
 import { useDrive } from "../utils/theme/useDrive";
 import { IconChevronRightSmall } from "../icons/iconChevronRightSmall";
+import { useDirectionalIcon } from "../utils/localization/useDirectionalIcon";
 import { ReviewTextControl } from "../formGroup/components/reviewTextControl";
 import { Chip } from "../chip/chip";
 import { useChipStatus } from "../chip/chipStatusProvider";
@@ -56,7 +57,7 @@ injectString("tr", "Custom", "\xD6zel");
 injectString("zh-Hans", "Custom", "\u5B9A\u5236");
 injectString("zh-TW", "Custom", "\u81EA\u8A02");
 injectString("ro-RO", "Custom", "Personaliza\u021Bi");
-injectString("ar-SA", "Custom", "\u0645\u062E\u0635\u0635");
+injectString("ar", "Custom", "\u0645\u062E\u0635\u0635");
 injectString("cs", "Date range", "Rozmez\xED dat");
 injectString("da-DK", "Date range", "Datointerval");
 injectString("de", "Date range", "Datumsbereich");
@@ -83,7 +84,7 @@ injectString("tr", "Date range", "Tarih aral\u0131\u011F\u0131");
 injectString("zh-Hans", "Date range", "\u65E5\u671F\u8303\u56F4");
 injectString("zh-TW", "Date range", "\u65E5\u671F\u7BC4\u570D");
 injectString("ro-RO", "Date range", "Interval de date");
-injectString("ar-SA", "Date range", "\u0646\u0637\u0627\u0642 \u0627\u0644\u062A\u0627\u0631\u064A\u062E");
+injectString("ar", "Date range", "\u0646\u0637\u0627\u0642 \u0627\u0644\u062A\u0627\u0631\u064A\u062E");
 injectString("cs", "Date range filter:", "Date range filter:");
 injectString("da-DK", "Date range filter:", "Date range filter:");
 injectString("de", "Date range filter:", "Date range filter:");
@@ -110,7 +111,7 @@ injectString("tr", "Date range filter:", "Date range filter:");
 injectString("zh-Hans", "Date range filter:", "Date range filter:");
 injectString("zh-TW", "Date range filter:", "Date range filter:");
 injectString("ro-RO", "Date range filter:", "Filtru interval de date:");
-injectString("ar-SA", "Date range filter:", "\u062A\u0635\u0641\u064A\u0629 \u0646\u0637\u0627\u0642 \u0627\u0644\u062A\u0627\u0631\u064A\u062E:");
+injectString("ar", "Date range filter:", "\u062A\u0635\u0641\u064A\u0629 \u0646\u0637\u0627\u0642 \u0627\u0644\u062A\u0627\u0631\u064A\u062E:");
 injectString("cs", "Clear", "Vymazat");
 injectString("da-DK", "Clear", "Ryd");
 injectString("de", "Clear", "L\xF6schen");
@@ -137,7 +138,7 @@ injectString("tr", "Clear", "Temizle");
 injectString("zh-Hans", "Clear", "\u6E05\u9664");
 injectString("zh-TW", "Clear", "\u6E05\u9664");
 injectString("ro-RO", "Clear", "\u0218terge\u021Bi");
-injectString("ar-SA", "Clear", "\u0645\u0633\u062D");
+injectString("ar", "Clear", "\u0645\u0633\u062D");
 injectString("cs", "Cancel", "Zru\u0161it");
 injectString("da-DK", "Cancel", "Annuller");
 injectString("de", "Cancel", "Abbrechen");
@@ -164,7 +165,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");
@@ -191,7 +192,7 @@ injectString("tr", "Apply", "Uygula");
 injectString("zh-Hans", "Apply", "\u5E94\u7528");
 injectString("zh-TW", "Apply", "\u5957\u7528");
 injectString("ro-RO", "Apply", "Aplica\u021Bi");
-injectString("ar-SA", "Apply", "\u062A\u0637\u0628\u064A\u0642");
+injectString("ar", "Apply", "\u062A\u0637\u0628\u064A\u0642");
 injectString("cs", "Previous", "P\u0159edchoz\xED");
 injectString("da-DK", "Previous", "Forrige");
 injectString("de", "Previous", "Vorherige");
@@ -218,7 +219,7 @@ injectString("tr", "Previous", "\xD6nceki");
 injectString("zh-Hans", "Previous", "\u524D\u4E00");
 injectString("zh-TW", "Previous", "\u4E0A\u4E00\u500B");
 injectString("ro-RO", "Previous", "\xCEnapoi");
-injectString("ar-SA", "Previous", "\u0627\u0644\u0633\u0627\u0628\u0642");
+injectString("ar", "Previous", "\u0627\u0644\u0633\u0627\u0628\u0642");
 injectString("en", "Previous date period", "Previous date period");
 injectString("cs", "Next", "Dal\u0161\xED");
 injectString("da-DK", "Next", "N\xE6ste");
@@ -246,7 +247,7 @@ injectString("tr", "Next", "Sonraki");
 injectString("zh-Hans", "Next", "\u4E0B\u4E00\u4E2A");
 injectString("zh-TW", "Next", "\u4E0B\u4E00\u6B65");
 injectString("ro-RO", "Next", "\xCEnainte");
-injectString("ar-SA", "Next", "\u0627\u0644\u062A\u0627\u0644\u064A");
+injectString("ar", "Next", "\u0627\u0644\u062A\u0627\u0644\u064A");
 injectString("en", "Next date period", "Next date period");
 export const DateRangeRaw = props => {
   var _a;
@@ -276,7 +277,8 @@ export const DateRangeRaw = props => {
     chip,
     chipId,
     chipName,
-    chipIcon
+    chipIcon,
+    dataAnalyticsId
   } = props;
   const {
     value,
@@ -290,6 +292,8 @@ export const DateRangeRaw = props => {
   } = useLanguage();
   const isMobile = useMobile();
   const isDrive = useDrive();
+  const PrevStepperIcon = useDirectionalIcon(IconChevronLeftSmall, IconChevronRightSmall);
+  const NextStepperIcon = useDirectionalIcon(IconChevronRightSmall, IconChevronLeftSmall);
   const chipStatus = useChipStatus();
   const driveWrapperTriggerClassName = useDriveClassName("zen-date-range-wrapper");
   const mobileWrapperTriggerClassName = useMobileClassName("zen-date-range-wrapper");
@@ -489,7 +493,7 @@ export const DateRangeRaw = props => {
     to: customDate.to
   }), [customDate.from, customDate.to]);
   const component = useMemo(() => _jsx(DateRangeInner, {
-    id: id || componentId,
+    id: componentId,
     options: options,
     onOptionSelect: handleDateRangeSelection,
     onCalendarSelect: hasCustomOption ? val => {
@@ -507,7 +511,7 @@ export const DateRangeRaw = props => {
     disableDatesAfter: disableDatesAfter,
     showMobileCalendar: isMobile ? showMobileCalendar : undefined,
     setShowMobileCalendar: isMobile ? setShowMobileCalendar : undefined
-  }), [id, componentId, options, handleDateRangeSelection, hasCustomOption, selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.label, range, timeSelect, disableFutureDates, disablePastDates, disableDatesBefore, disableDatesAfter, isMobile, showMobileCalendar, lockStartDate, lockEndDate]);
+  }), [componentId, options, handleDateRangeSelection, hasCustomOption, selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.label, range, timeSelect, disableFutureDates, disablePastDates, disableDatesBefore, disableDatesAfter, isMobile, showMobileCalendar, lockStartDate, lockEndDate]);
   const memoizedHandleClose = useCallback(() => {
     setIsOpen(false);
   }, [setIsOpen]);
@@ -650,10 +654,11 @@ export const DateRangeRaw = props => {
   const buttonLabel = useMemo(() => triggerLabel && !stepper ? triggerLabel : getButtonLabel(getSelectedRangeFromValue(optionsMap, value)), [getButtonLabel, optionsMap, value, triggerLabel, stepper]);
   const buttonTitle = useMemo(() => triggerLabel && !stepper ? triggerLabel : getButtonLabel(getSelectedRangeFromValue(optionsMap, value), true), [getButtonLabel, optionsMap, value, triggerLabel, stepper]);
   const currentLabel = (_a = getSelectedRangeFromValue(optionsMap, value)) === null || _a === void 0 ? void 0 : _a.label;
-  const cssClass = classNames(["zen-date-range", error ? "zen-date-range--error" : "", className !== null && className !== void 0 ? className : "", stepper ? "zen-date-range--with-stepper" : "", stepper && currentLabel === CUSTOM_CALENDAR_ID && buttonLabel.length > 20 ? "zen-date-range--with-stepper-custom" : "", !defaultValue && !value || (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.label) === currentLabel || type && type !== ButtonType.Secondary ? "" : "zen-date-range--active"]);
+  const cssClass = classNames(["zen-date-range", error || props.isError ? "zen-date-range--error" : "", className !== null && className !== void 0 ? className : "", stepper ? "zen-date-range--with-stepper" : "", stepper && currentLabel === CUSTOM_CALENDAR_ID && buttonLabel.length > 20 ? "zen-date-range--with-stepper-custom" : "", !defaultValue && !value || (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.label) === currentLabel || type && type !== ButtonType.Secondary ? "" : "zen-date-range--active"]);
   const popupTriggerComponent = useMemo(() => _jsx(TextIconButton, {
     onBlur: onBlur,
     name: name,
+    id: id,
     htmlType: "button",
     title: buttonTitle,
     icon: IconCalendar,
@@ -665,8 +670,9 @@ export const DateRangeRaw = props => {
     ref: triggerRef,
     "aria-haspopup": "dialog",
     "data-role": "dialog",
+    dataAnalyticsId: dataAnalyticsId,
     children: buttonLabel
-  }), [onBlur, name, buttonTitle, cssClass, type, disabled, toggleVisibility, buttonLabel]);
+  }), [onBlur, name, id, buttonTitle, cssClass, type, disabled, toggleVisibility, buttonLabel, dataAnalyticsId]);
   const chipTriggerComponent = useMemo(() => _jsx(Chip, {
     className: classNames([className || ""]),
     status: isDefaultState ? undefined : chipStatus || "active",
@@ -696,7 +702,7 @@ export const DateRangeRaw = props => {
         className: classNames(["zen-date-range__stepper", "zen-date-range__stepper--left"]),
         title: translate("Previous"),
         "aria-label": translate("Previous date period"),
-        children: _jsx(IconChevronLeftSmall, {
+        children: _jsx(PrevStepperIcon, {
           size: isDrive || isMobile ? "huge" : "large"
         })
       }), popupTriggerComponent, _jsx("button", {
@@ -706,7 +712,7 @@ export const DateRangeRaw = props => {
         className: classNames(["zen-date-range__stepper", "zen-date-range__stepper--right"]),
         title: translate("Next"),
         "aria-label": translate("Next date period"),
-        children: _jsx(IconChevronRightSmall, {
+        children: _jsx(NextStepperIcon, {
           size: isDrive || isMobile ? "huge" : "large"
         })
       })]

package/esm/dateRangeRaw/types.d.ts

@@ -23,6 +23,7 @@ interface IDateRangeRawBase extends IZenComponentProps, IChipsParent {
     id?: string;
     stepper?: boolean;
     allowUnsetValue?: boolean;
+    dataAnalyticsId?: string;
     error?: string;
 }
 export interface IDateRangeRawDefault extends IDateRangeRawBase {

package/esm/dateRangeRaw/utils/dateRangeUtils.js

@@ -26,7 +26,7 @@ injectString("tr", "Today", "Bug\xFCn");
 injectString("zh-Hans", "Today", "\u4ECA\u65E5");
 injectString("zh-TW", "Today", "\u4ECA\u5929");
 injectString("ro-RO", "Today", "Ast\u0103zi");
-injectString("ar-SA", "Today", "\u0627\u0644\u064A\u0648\u0645");
+injectString("ar", "Today", "\u0627\u0644\u064A\u0648\u0645");
 injectString("cs", "Yesterday", "V\u010Dera");
 injectString("da-DK", "Yesterday", "I g\xE5r");
 injectString("de", "Yesterday", "Gestern");
@@ -53,7 +53,7 @@ injectString("tr", "Yesterday", "D\xFCn");
 injectString("zh-Hans", "Yesterday", "\u6628\u5929");
 injectString("zh-TW", "Yesterday", "\u6628\u5929");
 injectString("ro-RO", "Yesterday", "Ieri");
-injectString("ar-SA", "Yesterday", "\u0623\u0645\u0633");
+injectString("ar", "Yesterday", "\u0623\u0645\u0633");
 injectString("cs", "This week", "Tento t\xFDden");
 injectString("da-DK", "This week", "Denne uge");
 injectString("de", "This week", "Diese Woche");
@@ -80,7 +80,7 @@ injectString("tr", "This week", "Bu hafta");
 injectString("zh-Hans", "This week", "\u672C\u5468");
 injectString("zh-TW", "This week", "\u672C\u9031");
 injectString("ro-RO", "This week", "S\u0103pt\u0103m\xE2na aceasta");
-injectString("ar-SA", "This week", "\u0647\u0630\u0627 \u0627\u0644\u0623\u0633\u0628\u0648\u0639");
+injectString("ar", "This week", "\u0647\u0630\u0627 \u0627\u0644\u0623\u0633\u0628\u0648\u0639");
 injectString("cs", "Next week", "P\u0159\xED\u0161t\xED t\xFDden");
 injectString("da-DK", "Next week", "N\xE6ste uge");
 injectString("de", "Next week", "N\xE4chste Woche");
@@ -107,7 +107,7 @@ injectString("tr", "Next week", "Gelecek hafta");
 injectString("zh-Hans", "Next week", "\u4E0B\u5468");
 injectString("zh-TW", "Next week", "\u4E0B\u9031");
 injectString("ro-RO", "Next week", "S\u0103pt\u0103m\xE2na viitoare");
-injectString("ar-SA", "Next week", "\u0627\u0644\u0623\u0633\u0628\u0648\u0639 \u0627\u0644\u0642\u0627\u062F\u0645");
+injectString("ar", "Next week", "\u0627\u0644\u0623\u0633\u0628\u0648\u0639 \u0627\u0644\u0642\u0627\u062F\u0645");
 injectString("cs", "Last week", "Minul\xFD t\xFDden");
 injectString("da-DK", "Last week", "Sidste uge");
 injectString("de", "Last week", "Letzte Woche");
@@ -134,7 +134,7 @@ injectString("tr", "Last week", "Ge\xE7en hafta");
 injectString("zh-Hans", "Last week", "\u4E0A\u5468");
 injectString("zh-TW", "Last week", "\u4E0A\u9031");
 injectString("ro-RO", "Last week", "S\u0103pt\u0103m\xE2na trecut\u0103");
-injectString("ar-SA", "Last week", "\u0627\u0644\u0623\u0633\u0628\u0648\u0639 \u0627\u0644\u0645\u0627\u0636\u064A");
+injectString("ar", "Last week", "\u0627\u0644\u0623\u0633\u0628\u0648\u0639 \u0627\u0644\u0645\u0627\u0636\u064A");
 injectString("cs", "This month", "Tento m\u011Bs\xEDc");
 injectString("da-DK", "This month", "Denne m\xE5ned");
 injectString("de", "This month", "Dieser Monat");
@@ -161,7 +161,7 @@ injectString("tr", "This month", "Bu ay");
 injectString("zh-Hans", "This month", "\u672C\u6708");
 injectString("zh-TW", "This month", "\u672C\u6708");
 injectString("ro-RO", "This month", "Luna aceasta");
-injectString("ar-SA", "This month", "\u0647\u0630\u0627 \u0627\u0644\u0634\u0647\u0631");
+injectString("ar", "This month", "\u0647\u0630\u0627 \u0627\u0644\u0634\u0647\u0631");
 injectString("cs", "Next month", "P\u0159\xED\u0161t\xED m\u011Bs\xEDc");
 injectString("da-DK", "Next month", "N\xE6ste m\xE5ned");
 injectString("de", "Next month", "N\xE4chsten Monat");
@@ -188,7 +188,7 @@ injectString("tr", "Next month", "Gelecek ay");
 injectString("zh-Hans", "Next month", "\u4E0B\u6708");
 injectString("zh-TW", "Next month", "\u4E0B\u500B\u6708");
 injectString("ro-RO", "Next month", "Luna urm\u0103toare");
-injectString("ar-SA", "Next month", "\u0627\u0644\u0634\u0647\u0631 \u0627\u0644\u062A\u0627\u0644\u064A");
+injectString("ar", "Next month", "\u0627\u0644\u0634\u0647\u0631 \u0627\u0644\u062A\u0627\u0644\u064A");
 injectString("cs", "Last month", "Minul\xFD m\u011Bs\xEDc");
 injectString("da-DK", "Last month", "Sidste m\xE5ned");
 injectString("de", "Last month", "Letzter Monat");
@@ -215,7 +215,7 @@ injectString("tr", "Last month", "Ge\xE7en ay");
 injectString("zh-Hans", "Last month", "\u4E0A\u4E2A\u6708");
 injectString("zh-TW", "Last month", "\u4E0A\u500B\u6708");
 injectString("ro-RO", "Last month", "Luna trecut\u0103");
-injectString("ar-SA", "Last month", "\u0627\u0644\u0634\u0647\u0631 \u0627\u0644\u0645\u0627\u0636\u064A");
+injectString("ar", "Last month", "\u0627\u0644\u0634\u0647\u0631 \u0627\u0644\u0645\u0627\u0636\u064A");
 injectString("cs", "Last 7 days", "Posledn\xEDch 7 dn\xED");
 injectString("da-DK", "Last 7 days", "Sidste 7 dage");
 injectString("de", "Last 7 days", "Letzte 7 Tage");
@@ -242,7 +242,7 @@ injectString("tr", "Last 7 days", "Son 7 g\xFCn");
 injectString("zh-Hans", "Last 7 days", "\u6700\u8FD1 7 \u5929");
 injectString("zh-TW", "Last 7 days", "\u904E\u53BB 7 \u5929");
 injectString("ro-RO", "Last 7 days", "Ultimele 7 zile");
-injectString("ar-SA", "Last 7 days", "\u0622\u062E\u0631 7 \u0623\u064A\u0627\u0645");
+injectString("ar", "Last 7 days", "\u0622\u062E\u0631 7 \u0623\u064A\u0627\u0645");
 injectString("cs", "Last 30 days", "Posledn\xEDch 30 dn\xED");
 injectString("da-DK", "Last 30 days", "Sidste 30 dage");
 injectString("de", "Last 30 days", "Letzte 30 Tage");
@@ -269,7 +269,7 @@ injectString("tr", "Last 30 days", "Son 30 g\xFCn");
 injectString("zh-Hans", "Last 30 days", "\u6700\u8FD1 30 \u5929");
 injectString("zh-TW", "Last 30 days", "\u904E\u53BB 30 \u5929");
 injectString("ro-RO", "Last 30 days", "Ultimele 30 de zile");
-injectString("ar-SA", "Last 30 days", "\u0622\u062E\u0631 30 \u064A\u0648\u0645\u0627\u064B");
+injectString("ar", "Last 30 days", "\u0622\u062E\u0631 30 \u064A\u0648\u0645\u0627\u064B");
 injectString("cs", "Year to date", "Od za\u010D\xE1tku roku");
 injectString("da-DK", "Year to date", "\xC5r til dato");
 injectString("de", "Year to date", "Seit Jahresbeginn");
@@ -296,7 +296,7 @@ injectString("tr", "Year to date", "Y\u0131lba\u015F\u0131ndan bug\xFCne kadar")
 injectString("zh-Hans", "Year to date", "\u5E74\u521D\u81F3\u4ECA");
 injectString("zh-TW", "Year to date", "\u5E74\u521D\u81F3\u4ECA");
 injectString("ro-RO", "Year to date", "P\xE2n\u0103 \xEEn prezent");
-injectString("ar-SA", "Year to date", "\u0645\u0646\u0630 \u0628\u062F\u0627\u064A\u0629 \u0627\u0644\u0633\u0646\u0629");
+injectString("ar", "Year to date", "\u0645\u0646\u0630 \u0628\u062F\u0627\u064A\u0629 \u0627\u0644\u0633\u0646\u0629");
 injectString("cs", "Last 12 months", "Posledn\xEDch 12 m\u011Bs\xEDc\u016F");
 injectString("da-DK", "Last 12 months", "Sidste 12 m\xE5neder");
 injectString("de", "Last 12 months", "Letzte 12 Monate");
@@ -323,7 +323,7 @@ injectString("tr", "Last 12 months", "Son 12 ay");
 injectString("zh-Hans", "Last 12 months", "\u6700\u8FD1 12 \u4E2A\u6708");
 injectString("zh-TW", "Last 12 months", "\u904E\u53BB 12 \u500B\u6708");
 injectString("ro-RO", "Last 12 months", "Ultimele 12 luni");
-injectString("ar-SA", "Last 12 months", "\u0622\u062E\u0631 12 \u0634\u0647\u0631\u0627\u064B");
+injectString("ar", "Last 12 months", "\u0622\u062E\u0631 12 \u0634\u0647\u0631\u0627\u064B");
 injectString("cs", "Last 3 months", "Posledn\xED 3\xA0m\u011Bs\xEDce");
 injectString("da-DK", "Last 3 months", "Sidste 3 m\xE5neder");
 injectString("de", "Last 3 months", "Letzte 3 Monate");
@@ -350,7 +350,7 @@ injectString("tr", "Last 3 months", "Son 3 ay");
 injectString("zh-Hans", "Last 3 months", "\u6700\u8FD1 3 \u4E2A\u6708");
 injectString("zh-TW", "Last 3 months", "\u904E\u53BB 3 \u500B\u6708");
 injectString("ro-RO", "Last 3 months", "Ultimele 3 luni");
-injectString("ar-SA", "Last 3 months", "\u0622\u062E\u0631 3 \u0623\u0634\u0647\u0631");
+injectString("ar", "Last 3 months", "\u0622\u062E\u0631 3 \u0623\u0634\u0647\u0631");
 injectString("cs", "Last quarter", "Posledn\xED \u010Dtvrtlet\xED");
 injectString("da-DK", "Last quarter", "Sidste kvartal");
 injectString("de", "Last quarter", "Letztes Quartal");
@@ -377,7 +377,7 @@ injectString("tr", "Last quarter", "Son \xE7eyrek");
 injectString("zh-Hans", "Last quarter", "\u4E0A\u4E00\u5B63\u5EA6");
 injectString("zh-TW", "Last quarter", "\u4E0A\u4E00\u5B63");
 injectString("ro-RO", "Last quarter", "Ultimul trimestru");
-injectString("ar-SA", "Last quarter", "\u0627\u0644\u0631\u0628\u0639 \u0627\u0644\u0623\u062E\u064A\u0631");
+injectString("ar", "Last quarter", "\u0627\u0644\u0631\u0628\u0639 \u0627\u0644\u0623\u062E\u064A\u0631");
 injectString("cs", "This quarter", "Toto \u010Dtvrtlet\xED");
 injectString("da-DK", "This quarter", "Dette kvartal");
 injectString("de", "This quarter", "Dieses Quartal");
@@ -404,7 +404,7 @@ injectString("tr", "This quarter", "Bu \xE7eyrek");
 injectString("zh-Hans", "This quarter", "\u672C\u5B63\u5EA6");
 injectString("zh-TW", "This quarter", "\u672C\u5B63");
 injectString("ro-RO", "This quarter", "Trimestrul acesta");
-injectString("ar-SA", "This quarter", "\u0647\u0630\u0627 \u0627\u0644\u0631\u0628\u0639");
+injectString("ar", "This quarter", "\u0647\u0630\u0627 \u0627\u0644\u0631\u0628\u0639");
 injectString("cs", "Last year", "Minul\xFD rok");
 injectString("da-DK", "Last year", "Sidste \xE5r");
 injectString("de", "Last year", "Letztes Jahr");
@@ -431,7 +431,7 @@ injectString("tr", "Last year", "Ge\xE7en y\u0131l");
 injectString("zh-Hans", "Last year", "\u53BB\u5E74");
 injectString("zh-TW", "Last year", "\u53BB\u5E74");
 injectString("ro-RO", "Last year", "Anul trecut");
-injectString("ar-SA", "Last year", "\u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u0645\u0627\u0636\u064A\u0629");
+injectString("ar", "Last year", "\u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u0645\u0627\u0636\u064A\u0629");
 injectString("cs", "This year", "Tento rok");
 injectString("da-DK", "This year", "I \xE5r");
 injectString("de", "This year", "Dieses Jahr");
@@ -458,7 +458,7 @@ injectString("tr", "This year", "Bu y\u0131l");
 injectString("zh-Hans", "This year", "\u4ECA\u5E74");
 injectString("zh-TW", "This year", "\u4ECA\u5E74");
 injectString("ro-RO", "This year", "Anul acesta");
-injectString("ar-SA", "This year", "\u0647\u0630\u0647 \u0627\u0644\u0633\u0646\u0629");
+injectString("ar", "This year", "\u0647\u0630\u0647 \u0627\u0644\u0633\u0646\u0629");
 const defaultToLocalDateTime = d => typeof d === "string" ? new Date(d) : d;
 const defaultToReverseOffsetDateTime = d => typeof d === "string" ? new Date(d) : d;
 const defaultTranslate = s => s;

package/esm/dateRangeRaw/utils/parseLabel.js

@@ -7,5 +7,5 @@ export const parseLabel = (option, dateFormat, translate, toLocalFn) => {
         localeFrom.getFullYear() === localeTo.getFullYear()) {
         return formatDate(localeFrom, dateFormat, translate);
     }
-    return `${formatDate(localeFrom, dateFormat, translate)} - ${formatDate(localeTo, dateFormat, translate)}`;
+    return `${formatDate(localeFrom, dateFormat, translate)} – ${formatDate(localeTo, dateFormat, translate)}`;
 };

package/esm/dateSelectionWrapper/dateSelectionWrapper.js

@@ -30,7 +30,7 @@ injectString("tr", "Cancel", "\u0130ptal");
 injectString("zh-Hans", "Cancel", "\u53D6\u6D88");
 injectString("zh-TW", "Cancel", "\u53D6\u6D88");
 injectString("ro-RO", "Cancel", "Anula\u021Bi");
-injectString("ar-SA", "Cancel", "\u0625\u0644\u063A\u0627\u0621");
+injectString("ar", "Cancel", "\u0625\u0644\u063A\u0627\u0621");
 injectString("cs", "Clear", "Vymazat");
 injectString("da-DK", "Clear", "Ryd");
 injectString("de", "Clear", "L\xF6schen");
@@ -57,7 +57,7 @@ injectString("tr", "Clear", "Temizle");
 injectString("zh-Hans", "Clear", "\u6E05\u9664");
 injectString("zh-TW", "Clear", "\u6E05\u9664");
 injectString("ro-RO", "Clear", "\u0218terge\u021Bi");
-injectString("ar-SA", "Clear", "\u0645\u0633\u062D");
+injectString("ar", "Clear", "\u0645\u0633\u062D");
 injectString("cs", "Reset", "Obnovit");
 injectString("da-DK", "Reset", "Nulstil");
 injectString("de", "Reset", "Zur\xFCcksetzen");
@@ -84,7 +84,7 @@ injectString("tr", "Reset", "S\u0131f\u0131rla");
 injectString("zh-Hans", "Reset", "\u91CD\u7F6E");
 injectString("zh-TW", "Reset", "\u91CD\u8A2D");
 injectString("ro-RO", "Reset", "Reseta\u021Bi");
-injectString("ar-SA", "Reset", "\u0625\u0639\u0627\u062F\u0629 \u062A\u0639\u064A\u064A\u0646");
+injectString("ar", "Reset", "\u0625\u0639\u0627\u062F\u0629 \u062A\u0639\u064A\u064A\u0646");
 injectString("cs", "Apply", "Pou\u017E\xEDt");
 injectString("da-DK", "Apply", "Anvend");
 injectString("de", "Apply", "Anwenden");
@@ -111,7 +111,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 DateSelectionWrapper = ({
   onCancel,
   onClear,

package/esm/dialog/dialogContent.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");
 export const DialogContent = ({
   onClose,
   className,

package/esm/dropdown/dropdownTrigger.d.ts

@@ -1 +1 @@
-export declare const DropdownTrigger: ({ name, onBlur, isActive, id, triggerRef, searchField, placeholder, disabled, fullWidth, currentSelection, handleClick, inputValue, className, onSearchChange, width, title, triggerAriaLabel, count, inputRef, buttonType, isError, popupId, handleFocusOnPopup, allyPattern, ...otherProps }: import("../dropdownRaw/dropdownTrigger").IDropdownTrigger) => import("react/jsx-runtime").JSX.Element;
+export declare const DropdownTrigger: ({ name, onBlur, isActive, id, triggerRef, searchField, placeholder, disabled, fullWidth, currentSelection, handleClick, inputValue, className, onSearchChange, width, title, triggerAriaLabel, count, inputRef, buttonType, isError, popupId, handleFocusOnPopup, allyPattern, dataAnalyticsId, ...otherProps }: import("../dropdownRaw/dropdownTrigger").IDropdownTrigger) => import("react/jsx-runtime").JSX.Element;

package/esm/dropdownRaw/dropdownList.js

@@ -39,7 +39,7 @@ injectString("tr", "Error Loading Items", "Error Loading Items");
 injectString("zh-Hans", "Error Loading Items", "Error Loading Items");
 injectString("zh-TW", "Error Loading Items", "Error Loading Items");
 injectString("ro-RO", "Error Loading Items", "Eroare la \xEEnc\u0103rcarea articolelor");
-injectString("ar-SA", "Error Loading Items", "\u062E\u0637\u0623 \u0641\u064A \u062A\u062D\u0645\u064A\u0644 \u0627\u0644\u0639\u0646\u0627\u0635\u0631");
+injectString("ar", "Error Loading Items", "\u062E\u0637\u0623 \u0641\u064A \u062A\u062D\u0645\u064A\u0644 \u0627\u0644\u0639\u0646\u0627\u0635\u0631");
 injectString("cs", "No data", "\u017D\xE1dn\xE1 data");
 injectString("da-DK", "No data", "Ingen data");
 injectString("de", "No data", "Keine Daten");
@@ -66,7 +66,7 @@ injectString("tr", "No data", "Veri yok");
 injectString("zh-Hans", "No data", "\u65E0\u6570\u636E");
 injectString("zh-TW", "No data", "\u7121\u8CC7\u6599");
 injectString("ro-RO", "No data", "Nu exist\u0103 date");
-injectString("ar-SA", "No data", "\u0644\u0627 \u062A\u0648\u062C\u062F \u0628\u064A\u0627\u0646\u0627\u062A");
+injectString("ar", "No data", "\u0644\u0627 \u062A\u0648\u062C\u062F \u0628\u064A\u0627\u0646\u0627\u062A");
 injectString("cs", "Clear", "Vymazat");
 injectString("da-DK", "Clear", "Ryd");
 injectString("de", "Clear", "L\xF6schen");
@@ -93,7 +93,7 @@ injectString("tr", "Clear", "Temizle");
 injectString("zh-Hans", "Clear", "\u6E05\u9664");
 injectString("zh-TW", "Clear", "\u6E05\u9664");
 injectString("ro-RO", "Clear", "\u0218terge\u021Bi");
-injectString("ar-SA", "Clear", "\u0645\u0633\u062D");
+injectString("ar", "Clear", "\u0645\u0633\u062D");
 injectString("cs", "Cancel", "Zru\u0161it");
 injectString("da-DK", "Cancel", "Annuller");
 injectString("de", "Cancel", "Abbrechen");
@@ -120,7 +120,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");
@@ -147,7 +147,7 @@ injectString("tr", "Apply", "Uygula");
 injectString("zh-Hans", "Apply", "\u5E94\u7528");
 injectString("zh-TW", "Apply", "\u5957\u7528");
 injectString("ro-RO", "Apply", "Aplica\u021Bi");
-injectString("ar-SA", "Apply", "\u062A\u0637\u0628\u064A\u0642");
+injectString("ar", "Apply", "\u062A\u0637\u0628\u064A\u0642");
 injectString("cs", "Deselect all", "Zru\u0161it v\xFDb\u011Br v\u0161ech");
 injectString("da-DK", "Deselect all", "Frav\xE6lg alle");
 injectString("de", "Deselect all", "Auswahl f\xFCr alle aufheben");
@@ -174,7 +174,7 @@ injectString("tr", "Deselect all", "T\xFCm\xFCn\xFCn se\xE7imini iptal et");
 injectString("zh-Hans", "Deselect all", "\u53D6\u6D88\u5168\u9009");
 injectString("zh-TW", "Deselect all", "\u53D6\u6D88\u5168\u9078");
 injectString("ro-RO", "Deselect all", "Deselecta\u021Bi tot");
-injectString("ar-SA", "Deselect all", "\u0625\u0644\u063A\u0627\u0621 \u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0643\u0644");
+injectString("ar", "Deselect all", "\u0625\u0644\u063A\u0627\u0621 \u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0643\u0644");
 injectString("cs", "Select all", "Vybrat v\u0161e");
 injectString("da-DK", "Select all", "V\xE6lg alle");
 injectString("de", "Select all", "Alle ausw\xE4hlen");
@@ -201,7 +201,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 option", "Vybrat mo\u017Enost");
 injectString("da-DK", "Select option", "V\xE6lg mulighed");
 injectString("de", "Select option", "Option ausw\xE4hlen");
@@ -228,7 +228,7 @@ injectString("tr", "Select option", "Se\xE7enek belirleyin");
 injectString("zh-Hans", "Select option", "\u9009\u62E9\u9009\u9879");
 injectString("zh-TW", "Select option", "\u9078\u53D6\u9078\u9805");
 injectString("ro-RO", "Select option", "Selecta\u021Bi op\u021Biunea");
-injectString("ar-SA", "Select option", "\u0627\u062E\u062A\u064A\u0627\u0631 \u062E\u064A\u0627\u0631");
+injectString("ar", "Select option", "\u0627\u062E\u062A\u064A\u0627\u0631 \u062E\u064A\u0627\u0631");
 injectString("cs", "Back", "Zp\u011Bt");
 injectString("da-DK", "Back", "Tilbage");
 injectString("de", "Back", "Zur\xFCck");
@@ -255,7 +255,7 @@ injectString("tr", "Back", "Geri");
 injectString("zh-Hans", "Back", "\u8FD4\u56DE");
 injectString("zh-TW", "Back", "\u8FD4\u56DE");
 injectString("ro-RO", "Back", "\xCEnapoi");
-injectString("ar-SA", "Back", "\u0631\u062C\u0648\u0639");
+injectString("ar", "Back", "\u0631\u062C\u0648\u0639");
 export const EmptyList = ({
   className,
   width,

package/esm/dropdownRaw/dropdownPopup.js

@@ -38,7 +38,7 @@ injectString("tr", "Filter by group", "Gruba g\xF6re filtrele");
 injectString("zh-Hans", "Filter by group", "\u6309\u7EC4\u8FC7\u6EE4");
 injectString("zh-TW", "Filter by group", "\u4F9D\u7FA4\u7D44\u7BE9\u9078");
 injectString("ro-RO", "Filter by group", "Filtra\u021Bi dup\u0103 grup");
-injectString("ar-SA", "Filter by group", "\u062A\u0635\u0641\u064A\u0629 \u062D\u0633\u0628 \u0627\u0644\u0645\u062C\u0645\u0648\u0639\u0629");
+injectString("ar", "Filter by group", "\u062A\u0635\u0641\u064A\u0629 \u062D\u0633\u0628 \u0627\u0644\u0645\u062C\u0645\u0648\u0639\u0629");
 injectString("cs", "Apply", "Pou\u017E\xEDt");
 injectString("da-DK", "Apply", "Anvend");
 injectString("de", "Apply", "Anwenden");
@@ -65,7 +65,7 @@ injectString("tr", "Apply", "Uygula");
 injectString("zh-Hans", "Apply", "\u5E94\u7528");
 injectString("zh-TW", "Apply", "\u5957\u7528");
 injectString("ro-RO", "Apply", "Aplica\u021Bi");
-injectString("ar-SA", "Apply", "\u062A\u0637\u0628\u064A\u0642");
+injectString("ar", "Apply", "\u062A\u0637\u0628\u064A\u0642");
 injectString("cs", "Clear", "Vymazat");
 injectString("da-DK", "Clear", "Ryd");
 injectString("de", "Clear", "L\xF6schen");
@@ -92,7 +92,7 @@ injectString("tr", "Clear", "Temizle");
 injectString("zh-Hans", "Clear", "\u6E05\u9664");
 injectString("zh-TW", "Clear", "\u6E05\u9664");
 injectString("ro-RO", "Clear", "\u0218terge\u021Bi");
-injectString("ar-SA", "Clear", "\u0645\u0633\u062D");
+injectString("ar", "Clear", "\u0645\u0633\u062D");
 export const DropdownPopup = ({
   alignment,
   triggerRef,