@geotab/zenith 3.10.0 → 3.11.0-beta.0

package/dist/utils/localization/translations/ko-KR.json

@@ -317,11 +317,15 @@
     "Exit full screen table view": "Exit full screen table view",
     "Close search": "Close search",
     "Has additional actions. Use right arrow to access button, left arrow to return.": "Has additional actions. Use right arrow to access button, left arrow to return.",
-    "Drag & drop files or": "Drag & drop files or",
-    "Browse": "Browse",
-    "Tap to add files": "Tap to add files",
-    "Supported Formats:": "Supported Formats:",
+    "Drag & drop files or": "파일을 드래그 앤 드롭하거나",
+    "Browse": "찾아보기",
+    "Tap to add files": "탭하여 파일 추가",
+    "Supported Formats:": "지원되는 형식:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded"
+    "Uploaded": "Uploaded",
+    "Ascending": "오름차순",
+    "Descending": "내림차순",
+    "Scroll to start": "시작 위치로 스크롤",
+    "Scroll to end": "마지막 위치로 스크롤"
 }

package/dist/utils/localization/translations/ms.json

@@ -317,11 +317,15 @@
     "Exit full screen table view": "Exit full screen table view",
     "Close search": "Close search",
     "Has additional actions. Use right arrow to access button, left arrow to return.": "Has additional actions. Use right arrow to access button, left arrow to return.",
-    "Drag & drop files or": "Drag & drop files or",
-    "Browse": "Browse",
-    "Tap to add files": "Tap to add files",
-    "Supported Formats:": "Supported Formats:",
+    "Drag & drop files or": "Seret & lepas fail atau",
+    "Browse": "Semak Imbas",
+    "Tap to add files": "Ketik untuk menambah fail",
+    "Supported Formats:": "Format yang Disokong:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded"
+    "Uploaded": "Uploaded",
+    "Ascending": "Menaik",
+    "Descending": "Menurun",
+    "Scroll to start": "Tatal ke permulaan",
+    "Scroll to end": "Tatal ke penghujung"
 }

package/dist/utils/localization/translations/nb-NO.json

@@ -317,11 +317,15 @@
     "Exit full screen table view": "Exit full screen table view",
     "Close search": "Close search",
     "Has additional actions. Use right arrow to access button, left arrow to return.": "Has additional actions. Use right arrow to access button, left arrow to return.",
-    "Drag & drop files or": "Drag & drop files or",
-    "Browse": "Browse",
-    "Tap to add files": "Tap to add files",
-    "Supported Formats:": "Supported Formats:",
+    "Drag & drop files or": "Dra og slipp filer eller",
+    "Browse": "Bla gjennom",
+    "Tap to add files": "Trykk for å legge til filer",
+    "Supported Formats:": "Støttede formater:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded"
+    "Uploaded": "Uploaded",
+    "Ascending": "Stigende",
+    "Descending": "Synkende",
+    "Scroll to start": "Rull til start",
+    "Scroll to end": "Rull til slutt"
 }

package/dist/utils/localization/translations/nl.json

@@ -317,11 +317,15 @@
     "Exit full screen table view": "Exit full screen table view",
     "Close search": "Close search",
     "Has additional actions. Use right arrow to access button, left arrow to return.": "Has additional actions. Use right arrow to access button, left arrow to return.",
-    "Drag & drop files or": "Drag & drop files or",
-    "Browse": "Browse",
-    "Tap to add files": "Tap to add files",
-    "Supported Formats:": "Supported Formats:",
+    "Drag & drop files or": "Bestanden slepen en neerzetten of",
+    "Browse": "Bladeren",
+    "Tap to add files": "Tik om bestanden toe te voegen",
+    "Supported Formats:": "Ondersteunde indelingen:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded"
+    "Uploaded": "Uploaded",
+    "Ascending": "Oplopend",
+    "Descending": "Aflopend",
+    "Scroll to start": "Scroll to start",
+    "Scroll to end": "Scroll to end"
 }

package/dist/utils/localization/translations/pl.json

@@ -317,11 +317,15 @@
     "Exit full screen table view": "Exit full screen table view",
     "Close search": "Close search",
     "Has additional actions. Use right arrow to access button, left arrow to return.": "Has additional actions. Use right arrow to access button, left arrow to return.",
-    "Drag & drop files or": "Drag & drop files or",
-    "Browse": "Browse",
-    "Tap to add files": "Tap to add files",
-    "Supported Formats:": "Supported Formats:",
+    "Drag & drop files or": "Przeciągnij i upuść pliki lub",
+    "Browse": "Przeglądaj",
+    "Tap to add files": "Dotknij, aby dodać pliki",
+    "Supported Formats:": "Obsługiwane formaty:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded"
+    "Uploaded": "Uploaded",
+    "Ascending": "Rosnąco",
+    "Descending": "Malejąco",
+    "Scroll to start": "Przewiń do początku",
+    "Scroll to end": "Przewiń do końca"
 }

package/dist/utils/localization/translations/pt-BR.json

@@ -317,11 +317,15 @@
     "Exit full screen table view": "Exit full screen table view",
     "Close search": "Close search",
     "Has additional actions. Use right arrow to access button, left arrow to return.": "Has additional actions. Use right arrow to access button, left arrow to return.",
-    "Drag & drop files or": "Drag & drop files or",
-    "Browse": "Browse",
-    "Tap to add files": "Tap to add files",
-    "Supported Formats:": "Supported Formats:",
+    "Drag & drop files or": "Arraste e solte arquivos ou",
+    "Browse": "Procurar",
+    "Tap to add files": "Toque para adicionar arquivos",
+    "Supported Formats:": "Formatos suportados:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded"
+    "Uploaded": "Uploaded",
+    "Ascending": "Crescente",
+    "Descending": "Decrescente",
+    "Scroll to start": "Scroll to start",
+    "Scroll to end": "Scroll to end"
 }

package/dist/utils/localization/translations/pt-PT.json

@@ -317,11 +317,15 @@
     "Exit full screen table view": "Exit full screen table view",
     "Close search": "Close search",
     "Has additional actions. Use right arrow to access button, left arrow to return.": "Has additional actions. Use right arrow to access button, left arrow to return.",
-    "Drag & drop files or": "Drag & drop files or",
-    "Browse": "Browse",
-    "Tap to add files": "Tap to add files",
-    "Supported Formats:": "Supported Formats:",
+    "Drag & drop files or": "Arraste e largue ficheiros ou",
+    "Browse": "Procurar",
+    "Tap to add files": "Toque para adicionar ficheiros",
+    "Supported Formats:": "Formatos suportados:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded"
+    "Uploaded": "Uploaded",
+    "Ascending": "Ascendente",
+    "Descending": "Descendente",
+    "Scroll to start": "Scroll to start",
+    "Scroll to end": "Scroll to end"
 }

package/dist/utils/localization/translations/ro-RO.json

@@ -317,11 +317,15 @@
     "Exit full screen table view": "Exit full screen table view",
     "Close search": "Close search",
     "Has additional actions. Use right arrow to access button, left arrow to return.": "Has additional actions. Use right arrow to access button, left arrow to return.",
-    "Drag & drop files or": "Drag & drop files or",
-    "Browse": "Browse",
-    "Tap to add files": "Tap to add files",
-    "Supported Formats:": "Supported Formats:",
+    "Drag & drop files or": "Glisați și fixați fișiere sau",
+    "Browse": "Răsfoire",
+    "Tap to add files": "Atingeți pentru a adăuga fișiere",
+    "Supported Formats:": "Formate acceptate:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded"
+    "Uploaded": "Uploaded",
+    "Ascending": "Ascensiune",
+    "Descending": "Coborâre",
+    "Scroll to start": "Derulare la început",
+    "Scroll to end": "Derulare la sfârșit"
 }

package/dist/utils/localization/translations/sk-SK.json

@@ -317,11 +317,15 @@
     "Exit full screen table view": "Exit full screen table view",
     "Close search": "Close search",
     "Has additional actions. Use right arrow to access button, left arrow to return.": "Has additional actions. Use right arrow to access button, left arrow to return.",
-    "Drag & drop files or": "Drag & drop files or",
-    "Browse": "Browse",
-    "Tap to add files": "Tap to add files",
-    "Supported Formats:": "Supported Formats:",
+    "Drag & drop files or": "Presuňte súbory alebo",
+    "Browse": "Prehľadávať",
+    "Tap to add files": "Klepnutím pridajte súbory",
+    "Supported Formats:": "Podporované formáty:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded"
+    "Uploaded": "Uploaded",
+    "Ascending": "Vzostupne",
+    "Descending": "Zostupne",
+    "Scroll to start": "Posunúť na začiatok",
+    "Scroll to end": "Posunúť na koniec"
 }

package/dist/utils/localization/translations/sv.json

@@ -317,11 +317,15 @@
     "Exit full screen table view": "Exit full screen table view",
     "Close search": "Close search",
     "Has additional actions. Use right arrow to access button, left arrow to return.": "Has additional actions. Use right arrow to access button, left arrow to return.",
-    "Drag & drop files or": "Drag & drop files or",
-    "Browse": "Browse",
-    "Tap to add files": "Tap to add files",
-    "Supported Formats:": "Supported Formats:",
+    "Drag & drop files or": "Dra och släpp filer eller",
+    "Browse": "Bläddra",
+    "Tap to add files": "Tryck för att lägga till filer",
+    "Supported Formats:": "Format som stöds:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded"
+    "Uploaded": "Uploaded",
+    "Ascending": "Stigande",
+    "Descending": "Fallande",
+    "Scroll to start": "Scroll to start",
+    "Scroll to end": "Scroll to end"
 }

package/dist/utils/localization/translations/th.json

@@ -317,11 +317,15 @@
     "Exit full screen table view": "Exit full screen table view",
     "Close search": "Close search",
     "Has additional actions. Use right arrow to access button, left arrow to return.": "Has additional actions. Use right arrow to access button, left arrow to return.",
-    "Drag & drop files or": "Drag & drop files or",
-    "Browse": "Browse",
-    "Tap to add files": "Tap to add files",
-    "Supported Formats:": "Supported Formats:",
+    "Drag & drop files or": "ลากและวางไฟล์หรือ",
+    "Browse": "เรียกดู",
+    "Tap to add files": "แตะเพื่อเพิ่มไฟล์",
+    "Supported Formats:": "รูปแบบที่รองรับ:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded"
+    "Uploaded": "Uploaded",
+    "Ascending": "จากน้อยไปมาก",
+    "Descending": "จากมากไปน้อย",
+    "Scroll to start": "เลื่อนไปที่จุดเริ่มต้น",
+    "Scroll to end": "เลื่อนไปที่จุดสิ้นสุด"
 }

package/dist/utils/localization/translations/tr.json

@@ -317,11 +317,15 @@
     "Exit full screen table view": "Exit full screen table view",
     "Close search": "Close search",
     "Has additional actions. Use right arrow to access button, left arrow to return.": "Has additional actions. Use right arrow to access button, left arrow to return.",
-    "Drag & drop files or": "Drag & drop files or",
-    "Browse": "Browse",
-    "Tap to add files": "Tap to add files",
-    "Supported Formats:": "Supported Formats:",
+    "Drag & drop files or": "Dosyaları sürükleyip bırakın veya",
+    "Browse": "Gözat",
+    "Tap to add files": "Dosya eklemek için dokunun",
+    "Supported Formats:": "Desteklenen Biçimler:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded"
+    "Uploaded": "Uploaded",
+    "Ascending": "Artan",
+    "Descending": "Azalan",
+    "Scroll to start": "Başlangıca kaydır",
+    "Scroll to end": "Sona kaydır"
 }

package/dist/utils/localization/translations/zh-Hans.json

@@ -317,11 +317,15 @@
     "Exit full screen table view": "Exit full screen table view",
     "Close search": "Close search",
     "Has additional actions. Use right arrow to access button, left arrow to return.": "Has additional actions. Use right arrow to access button, left arrow to return.",
-    "Drag & drop files or": "Drag & drop files or",
-    "Browse": "Browse",
-    "Tap to add files": "Tap to add files",
-    "Supported Formats:": "Supported Formats:",
+    "Drag & drop files or": "拖放文件或",
+    "Browse": "浏览",
+    "Tap to add files": "点击添加文件",
+    "Supported Formats:": "支持的格式：",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded"
+    "Uploaded": "Uploaded",
+    "Ascending": "升序",
+    "Descending": "降序",
+    "Scroll to start": "滚动至开头",
+    "Scroll to end": "滚动至末尾"
 }

package/dist/utils/localization/translations/zh-TW.json

@@ -317,11 +317,15 @@
     "Exit full screen table view": "Exit full screen table view",
     "Close search": "Close search",
     "Has additional actions. Use right arrow to access button, left arrow to return.": "Has additional actions. Use right arrow to access button, left arrow to return.",
-    "Drag & drop files or": "Drag & drop files or",
-    "Browse": "Browse",
-    "Tap to add files": "Tap to add files",
-    "Supported Formats:": "Supported Formats:",
+    "Drag & drop files or": "拖放檔案或",
+    "Browse": "瀏覽",
+    "Tap to add files": "點選以新增檔案",
+    "Supported Formats:": "支援的格式：",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded"
+    "Uploaded": "Uploaded",
+    "Ascending": "遞增",
+    "Descending": "遞減",
+    "Scroll to start": "捲動至開始處",
+    "Scroll to end": "捲動至結尾處"
 }

package/dist/utils/localization/useDirectionalIcon.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+import { IIcon } from "../../icons/icon";
+export declare const useDirectionalIcon: (ltrIcon: FC<IIcon>, rtlIcon: FC<IIcon>) => FC<IIcon>;

package/dist/utils/localization/useDirectionalIcon.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDirectionalIcon = void 0;
+const useDirection_1 = require("./useDirection");
+const useDirectionalIcon = (ltrIcon, rtlIcon) => {
+    const direction = (0, useDirection_1.useDirection)();
+    return direction === "rtl" ? rtlIcon : ltrIcon;
+};
+exports.useDirectionalIcon = useDirectionalIcon;

package/dist/utils/positioningUtils/alignments.d.ts

@@ -47,9 +47,9 @@ export declare const alignments: {
         right: number;
         top: number;
     };
-    "left-bottom": (triggerRect: IRect, _1: ISizes, parentRect: IPosition, paddingX: number, _2: number) => {
+    "left-bottom": (triggerRect: IRect, popupRect: ISizes, parentRect: IPosition, paddingX: number, _2: number) => {
         right: number;
-        bottom: number;
+        top: number;
     };
     right: (triggerRect: IRect, popupRect: ISizes, parentRect: IPosition, paddingX: number, _: number) => {
         left: number;

package/dist/utils/positioningUtils/alignments.js

@@ -34,9 +34,9 @@ exports.alignments = {
         right: parentRect.right - triggerRect.right + triggerRect.width + paddingX,
         top: triggerRect.top - parentRect.top
     }),
-    "left-bottom": (triggerRect, _1, parentRect, paddingX, _2) => ({
+    "left-bottom": (triggerRect, popupRect, parentRect, paddingX, _2) => ({
         right: parentRect.right - triggerRect.right + triggerRect.width + paddingX,
-        bottom: parentRect.bottom - triggerRect.bottom
+        top: triggerRect.bottom - parentRect.top - popupRect.height
     }),
     right: (triggerRect, popupRect, parentRect, paddingX, _) => ({
         left: triggerRect.left - parentRect.left + triggerRect.width + paddingX,

package/dist/utils/positioningUtils/calculatePosition.js

@@ -11,27 +11,25 @@ const zen_1 = require("../zen");
 const calculatePosition = (triggerRef, popupRef, paddingX, paddingY, inline, alignment, alignmentsFn = alignments_1.alignments, scrollParent, forceHorizontalCenter
 // eslint-disable-next-line complexity
 ) => {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b, _c, _d, _e;
     if (!triggerRef.current || !popupRef.current) {
         return;
     }
     const triggerElement = triggerRef.current;
     const popup = popupRef.current;
     const scrollTop = zen_1.zen.pageYOffset || ((_a = zen_1.zen.document) === null || _a === void 0 ? void 0 : _a.documentElement.scrollTop) || ((_b = zen_1.zen.document) === null || _b === void 0 ? void 0 : _b.body.scrollTop) || 0;
-    const scrollLeft = zen_1.zen.pageXOffset || ((_c = zen_1.zen.document) === null || _c === void 0 ? void 0 : _c.documentElement.scrollLeft) || ((_d = zen_1.zen.document) === null || _d === void 0 ? void 0 : _d.body.scrollLeft) || 0;
     const triggerRect = triggerElement.getBoundingClientRect();
     let popupRect = popup.getBoundingClientRect();
-    const relativeParent = inline ? (0, getRelativeParent_1.getRelativeParent)(triggerElement) || ((_e = zen_1.zen.document) === null || _e === void 0 ? void 0 : _e.body) : (_f = zen_1.zen.document) === null || _f === void 0 ? void 0 : _f.body;
+    const relativeParent = inline ? (0, getRelativeParent_1.getRelativeParent)(triggerElement) || ((_c = zen_1.zen.document) === null || _c === void 0 ? void 0 : _c.body) : (_d = zen_1.zen.document) === null || _d === void 0 ? void 0 : _d.body;
     popup.classList.add("zen-calculate-position");
     const parentDomRect = (relativeParent === null || relativeParent === void 0 ? void 0 : relativeParent.getBoundingClientRect()) || { top: 0, left: 0, bottom: 0, right: 0, width: 0, height: 0, x: 0, y: 0 };
     popup.classList.remove("zen-calculate-position");
     const parentBorders = (0, getBorders_1.getBorders)(relativeParent || {});
     const parentMargins = (0, getMargins_1.getMargins)(relativeParent || {});
     let parentTop = parentDomRect.top + parentBorders.top - parentMargins.top;
-    let parentLeft = parentDomRect.left + parentBorders.left - parentMargins.left;
-    if (!inline && relativeParent === ((_g = zen_1.zen.document) === null || _g === void 0 ? void 0 : _g.body)) {
+    const parentLeft = parentDomRect.left + parentBorders.left - parentMargins.left;
+    if (!inline && relativeParent === ((_e = zen_1.zen.document) === null || _e === void 0 ? void 0 : _e.body)) {
         parentTop = -scrollTop + parentBorders.top - parentMargins.top;
-        parentLeft = -scrollLeft + parentBorders.left - parentMargins.left;
     }
     const parentRect = {
         top: parentTop,

package/esm/calendar/calendar.js

@@ -5,6 +5,7 @@ import { addDays, addMonth, getCalendarMonthDates, getEndOfMonth, getEndOfWeek,
 import { classNames } from "../commonHelpers/classNames/classNames";
 import { IconChevronRightSmall } from "../icons/iconChevronRightSmall";
 import { IconChevronLeftSmall } from "../icons/iconChevronLeftSmall";
+import { useDirectionalIcon } from "../utils/localization/useDirectionalIcon";
 import { ParallelSelection, ParallelSelectionTrigger } from "../parallelSelection/parallelSelection";
 import { getButtonLabel, getCalendarRange, isDateInRange, isLeftBorderVisible, isRightBorderVisible, setFocusTo } from "./calendarUtils";
 import { useLanguage } from "../utils/localization/useLanguage";
@@ -845,6 +846,8 @@ export const Calendar = ({
   const {
     translate
   } = useLanguage();
+  const PrevMonthIcon = useDirectionalIcon(IconChevronLeftSmall, IconChevronRightSmall);
+  const NextMonthIcon = useDirectionalIcon(IconChevronRightSmall, IconChevronLeftSmall);
   const fromDate = useMemo(() => value.from ? toDayStart(value.from) : undefined, [value.from]);
   const toDate = useMemo(() => value.to ? toDayStart(value.to) : undefined, [value.to]);
   const driveClassName = useDriveClassName("zen-calendar");
@@ -1098,7 +1101,7 @@ export const Calendar = ({
       children: [isMobileView ? null : _jsx(TextIconButton, {
         className: "zen-calendar__btn",
         type: "tertiary-black",
-        icon: IconChevronLeftSmall,
+        icon: PrevMonthIcon,
         title: translate("Previous month"),
         onClick: () => changeView(addMonth(viewDate, -1)),
         iconPosition: ButtonIconPosition.Start
@@ -1132,14 +1135,14 @@ export const Calendar = ({
         children: [_jsx(TextIconButton, {
           className: "zen-calendar__btn",
           type: "tertiary-black",
-          icon: IconChevronLeftSmall,
+          icon: PrevMonthIcon,
           title: translate("Previous month"),
           onClick: () => changeView(addMonth(viewDate, -1)),
           iconPosition: ButtonIconPosition.Start
         }), _jsx(TextIconButton, {
           className: "zen-calendar__btn",
           type: "tertiary-black",
-          icon: IconChevronRightSmall,
+          icon: NextMonthIcon,
           title: translate("Next month"),
           onClick: () => changeView(addMonth(viewDate, 1)),
           iconPosition: ButtonIconPosition.Start
@@ -1147,7 +1150,7 @@ export const Calendar = ({
       }) : null, isMobileView ? null : _jsx(TextIconButton, {
         className: "zen-calendar__btn",
         type: "tertiary-black",
-        icon: IconChevronRightSmall,
+        icon: NextMonthIcon,
         title: translate("Next month"),
         onClick: () => changeView(addMonth(viewDate, 1)),
         iconPosition: ButtonIconPosition.Start

package/esm/card/components/title.js

@@ -4,6 +4,8 @@ import { classNames } from "../../commonHelpers/classNames/classNames";
 import { useDriveClassName } from "../../utils/theme/useDriveClassName";
 import { useDrive } from "../../utils/theme/useDrive";
 import { IconChevronRightSmall } from "../../icons/iconChevronRightSmall";
+import { IconChevronLeftSmall } from "../../icons/iconChevronLeftSmall";
+import { useDirectionalIcon } from "../../utils/localization/useDirectionalIcon";
 const VALID_HEADING_TAGS = new Set(["h1", "h2", "h3", "h4", "h5", "h6"]);
 export const Title = ({ isMobile, link, target, title, id, icon, iconType, className = "", onClick, titleAs }) => {
     const driveClassNames = useDriveClassName("zen-card-title");
@@ -11,7 +13,8 @@ export const Title = ({ isMobile, link, target, title, id, icon, iconType, class
     const iconClassName = iconType ? `zen-card-title__icon--${iconType}` : "";
     const iconSize = useMemo(() => (isDrive ? "huge" : "large"), [isDrive]);
     const iconElement = useMemo(() => (icon ? _jsx("span", { className: classNames(["zen-card-title__icon", iconClassName]), children: createElement(icon, { size: iconSize }) }) : null), [icon, iconSize, iconClassName]);
-    const chevron = useMemo(() => (_jsx("span", { className: "zen-card-title__link-chevron", children: _jsx(IconChevronRightSmall, { size: iconSize, className: "zen-card-title__chevron-icon" }) })), [iconSize]);
+    const ChevronIcon = useDirectionalIcon(IconChevronRightSmall, IconChevronLeftSmall);
+    const chevron = useMemo(() => (_jsx("span", { className: "zen-card-title__link-chevron", children: _jsx(ChevronIcon, { size: iconSize, className: "zen-card-title__chevron-icon" }) })), [ChevronIcon, iconSize]);
     const titleClasses = classNames(["zen-card-title", driveClassNames || "", onClick ? "zen-card-title__clickable" : ""]);
     if (onClick) {
         return (_jsxs("button", { type: "button", className: titleClasses, onClick: onClick, children: [iconElement, _jsxs("span", { title: title, id: id, className: classNames(["zen-card-title__text", isMobile && !isDrive ? "zen-card-title__text--mobile" : "", className]), children: [title, chevron] })] }));

package/esm/card/components/titleLink.js

@@ -2,6 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { classNames } from "../../commonHelpers/classNames/classNames";
 import { ButtonIconPosition, TextIconButton } from "../../textIconButton/textIconButton";
 import { IconArrowRight } from "../../icons/iconArrowRight";
+import { IconArrowLeft } from "../../icons/iconArrowLeft";
+import { useDirectionalIcon } from "../../utils/localization/useDirectionalIcon";
 import { useDriveClassName } from "../../utils/theme/useDriveClassName";
 import { useMobile } from "../../commonHelpers/hooks/useMobile";
 import { useDrive } from "../../utils/theme/useDrive";
@@ -11,8 +13,9 @@ export const TitleLink = ({ titleIconClasses, ariaLabel, children, link, id, cla
     const isMobile = useMobile();
     const isDrive = useDrive();
     const titleAriaLabel = ariaLabel || "";
+    const ArrowIcon = useDirectionalIcon(IconArrowRight, IconArrowLeft);
     if (!isMobile) {
-        return (_jsxs("a", { id: id, className: classNames(["zen-link", "zen-title-link", className]), href: link, "aria-label": titleAriaLabel, children: [_jsx("span", { className: classNames(["zen-title-link__text", titleLinkTextDriveClasses || ""]), children: children }), _jsx(IconArrowRight, { size: isDrive ? "huge" : "large", className: classNames(["zen-title-link__icon", titleIconClasses || ""]) })] }));
+        return (_jsxs("a", { id: id, className: classNames(["zen-link", "zen-title-link", className]), href: link, "aria-label": titleAriaLabel, children: [_jsx("span", { className: classNames(["zen-title-link__text", titleLinkTextDriveClasses || ""]), children: children }), _jsx(ArrowIcon, { size: isDrive ? "huge" : "large", className: classNames(["zen-title-link__icon", titleIconClasses || ""]) })] }));
     }
-    return (_jsx(TextIconButton, { type: "tertiary", iconClasses: titleIconClasses, id: id, "aria-label": titleAriaLabel, link: link, iconPosition: ButtonIconPosition.End, icon: IconArrowRight, iconSize: isDrive ? "huge" : "large", className: classNames(["zen-title-link", "zen-title-link__icon", titleLinkClasses || "", className || ""]), children: children && _jsx("span", { className: classNames(["zen-title-link__text", titleLinkTextDriveClasses || ""]), children: children }) }));
+    return (_jsx(TextIconButton, { type: "tertiary", iconClasses: titleIconClasses, id: id, "aria-label": titleAriaLabel, link: link, iconPosition: ButtonIconPosition.End, icon: ArrowIcon, iconSize: isDrive ? "huge" : "large", className: classNames(["zen-title-link", "zen-title-link__icon", titleLinkClasses || "", className || ""]), children: children && _jsx("span", { className: classNames(["zen-title-link__text", titleLinkTextDriveClasses || ""]), children: children }) }));
 };

package/esm/chart/barChart/getDefaultOptions.d.ts

@@ -1,5 +1,5 @@
 import { IYAxisMeta } from "../interfaces";
-export declare const getDefaultOptions: (yAxis: IYAxisMeta[], isTimedData: boolean, isDark: boolean, translate: (s: string) => string) => {
+export declare const getDefaultOptions: (yAxis: IYAxisMeta[], isTimedData: boolean, isDark: boolean, translate: (s: string) => string, isRtl?: boolean) => {
     responsive: boolean;
     maintainAspectRatio: boolean;
     scales: {
@@ -10,6 +10,7 @@ export declare const getDefaultOptions: (yAxis: IYAxisMeta[], isTimedData: boole
             grid: {
                 display: boolean;
             };
+            reverse: boolean;
             type: string;
             ticks: {
                 source: string;

package/esm/chart/barChart/getDefaultOptions.js

@@ -7,8 +7,10 @@ const defaultGridBorderStyle = {
     display: false,
     dash: [2, 2]
 };
-export const getDefaultOptions = (yAxis, isTimedData, isDark, translate) => {
+export const getDefaultOptions = (yAxis, isTimedData, isDark, translate, isRtl = false) => {
     const textColor = isDark ? "#C0CCD8" : "#4E677E";
+    const primaryYPosition = isRtl ? "right" : "left";
+    const secondaryYPosition = isRtl ? "left" : "right";
     const scales = {
         x: {
             title: {
@@ -17,6 +19,7 @@ export const getDefaultOptions = (yAxis, isTimedData, isDark, translate) => {
             grid: {
                 display: false
             },
+            reverse: isRtl,
             type: isTimedData ? "time" : "category",
             ticks: isTimedData
                 ? {
@@ -54,7 +57,7 @@ export const getDefaultOptions = (yAxis, isTimedData, isDark, translate) => {
             border: defaultGridBorderStyle,
             min: yAxis[i].min,
             max: yAxis[i].max,
-            position: i === 0 ? "left" : "right"
+            position: i === 0 ? primaryYPosition : secondaryYPosition
         };
     }
     return {

package/esm/chart/barChart.js

@@ -22,6 +22,7 @@ import { classNames } from "../commonHelpers/classNames/classNames";
 import { legendPlugin } from "./plugins/legend/legendPlugin";
 import { ChartAxis } from "./chartAxis/chartAxis";
 import { useLanguage } from "../utils/localization/useLanguage";
+import { useIsRTL } from "../utils/localization/useIsRTL";
 import { isDateRange } from "./utils/isDateRange";
 import { getYAxisMeta } from "./utils/getYAxisMeta";
 import { getDefaultOptions } from "./barChart/getDefaultOptions";
@@ -41,6 +42,7 @@ export const BarChart = (_a) => {
     const { translate } = useLanguage();
     const isDrive = useDrive();
     const isMobile = useMobile();
+    const isRtl = useIsRTL();
     const fontSize = useMemo(() => (isDrive ? (isMobile ? 14 : 16) : 12), [isDrive, isMobile]);
     const { dark } = useContext(themeContext);
     useEffect(() => {
@@ -56,15 +58,15 @@ export const BarChart = (_a) => {
     const isTimedData = useMemo(() => isDateRange(data, false), [data]);
     const isStacked = useMemo(() => { var _a, _b; return ((_b = (_a = options.scales) === null || _a === void 0 ? void 0 : _a.y) === null || _b === void 0 ? void 0 : _b.stacked) === true; }, [options]);
     const yAxisMeta = useMemo(() => getYAxisMeta(data, isStacked), [data, isStacked]);
-    const defOptions = useMemo(() => getDefaultOptions(yAxisMeta, isTimedData, dark, translate), [yAxisMeta, isTimedData, dark, translate]);
+    const defOptions = useMemo(() => getDefaultOptions(yAxisMeta, isTimedData, dark, translate, isRtl), [yAxisMeta, isTimedData, dark, translate, isRtl]);
     const chartOptions = deepMerge(defOptions, options);
     const { isHidden, toggleHidden } = useHidden();
     const chartData = useMemo(() => {
         const chData = convertDates(data, toLocalDateTime);
         chData.datasets = chData.datasets.map((ds, i) => getDefaultDatasetStyle(ds, i));
-        chData.datasets = chData.datasets.map((ds, i) => (Object.assign(Object.assign({}, ds), { hidden: isHidden(i) })));
+        chData.datasets = chData.datasets.map((ds, i) => (Object.assign(Object.assign({}, ds), { hidden: isHidden(i), order: isRtl ? chData.datasets.length - 1 - i : i })));
         return chData;
-    }, [data, isHidden, toLocalDateTime]);
+    }, [data, isHidden, toLocalDateTime, isRtl]);
     const chartTooltip = useMemo(() => TooltipPlugin(tooltipId, tooltip, "top", isHidden, dark), [tooltipId, tooltip, isHidden, dark]);
     const chartLegend = useMemo(() => legendPlugin(legendId, legend, isDrive, isHidden, toggleHidden), [isDrive, isHidden, legend, legendId, toggleHidden]);
     const chartPlugins = useMemo(() => [...(plugins || []), chartTooltip, chartLegend], [chartLegend, chartTooltip, plugins]);
@@ -72,5 +74,5 @@ export const BarChart = (_a) => {
     const intSummary = useSummary(summary, chartData);
     const isMainHidden = useMemo(() => isHidden(0), [isHidden]);
     const toggleMainData = useCallback(() => toggleHidden(0), [toggleHidden]);
-    return (_jsxs("div", { className: classNames(["zen-chart", className || ""]), children: [insight ? _jsx(ChartInsight, Object.assign({}, insight)) : null, summary ? _jsx(Summary, Object.assign({ onToggle: toggleMainData, isEnabled: isMainHidden }, intSummary)) : null, (isDrive ? undefined : xLabels) || yLabels.length > 0 ? (_jsx(ChartAxis, { xLabel: isDrive ? undefined : xLabels, yLabels: yLabels, yAxisPosition: "right" })) : null, _jsx("div", { className: "zen-chart__chart", children: _jsx(Bar, Object.assign({ options: chartOptions, data: chartData, plugins: chartPlugins }, rest, { "aria-hidden": true })) }), _jsx("div", { className: "zen-chart__legend", id: legendId }), isDrive && xLabels ? _jsx("div", { className: "zen-chart__x-axis", children: xLabels }) : null, _jsx(AccessibleChart, { type: "bar", data: chartData, options: chartOptions })] }));
+    return (_jsxs("div", { className: classNames(["zen-chart", className || ""]), children: [insight ? _jsx(ChartInsight, Object.assign({}, insight)) : null, summary ? _jsx(Summary, Object.assign({ onToggle: toggleMainData, isEnabled: isMainHidden }, intSummary)) : null, (isDrive ? undefined : xLabels) || yLabels.length > 0 ? (_jsx(ChartAxis, { xLabel: isDrive ? undefined : xLabels, yLabels: yLabels, yAxisPosition: isRtl ? "left" : "right" })) : null, _jsx("div", { className: "zen-chart__chart", children: _jsx(Bar, Object.assign({ options: chartOptions, data: chartData, plugins: chartPlugins }, rest, { "aria-hidden": true })) }), _jsx("div", { className: "zen-chart__legend", id: legendId }), isDrive && xLabels ? _jsx("div", { className: "zen-chart__x-axis", children: xLabels }) : null, _jsx(AccessibleChart, { type: "bar", data: chartData, options: chartOptions })] }));
 };

package/esm/chart/lineChart/getDefaultOptions.d.ts

@@ -1,5 +1,5 @@
 import { IXAxisMeta, IYAxisMeta } from "../interfaces";
-export declare const getDefaultOptions: (yAxis: IYAxisMeta[], xAxis: IXAxisMeta, isTimedData: boolean, ticks: number, isDark: boolean, translate: (s: string) => string) => {
+export declare const getDefaultOptions: (yAxis: IYAxisMeta[], xAxis: IXAxisMeta, isTimedData: boolean, ticks: number, isDark: boolean, translate: (s: string) => string, isRtl?: boolean) => {
     responsive: boolean;
     maintainAspectRatio: boolean;
     scales: {
@@ -10,6 +10,7 @@ export declare const getDefaultOptions: (yAxis: IYAxisMeta[], xAxis: IXAxisMeta,
             grid: {
                 display: boolean;
             };
+            reverse: boolean;
             type: string;
             time: {
                 unit: string;