@geotab/zenith 3.11.0-beta.0 → 3.11.0

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

@@ -317,15 +317,11 @@
     "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": "Dra og slipp filer eller",
-    "Browse": "Bla gjennom",
-    "Tap to add files": "Trykk for å legge til filer",
-    "Supported Formats:": "Støttede formater:",
+    "Drag & drop files or": "Drag & drop files or",
+    "Browse": "Browse",
+    "Tap to add files": "Tap to add files",
+    "Supported Formats:": "Supported Formats:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded",
-    "Ascending": "Stigende",
-    "Descending": "Synkende",
-    "Scroll to start": "Rull til start",
-    "Scroll to end": "Rull til slutt"
+    "Uploaded": "Uploaded"
 }

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

@@ -317,15 +317,11 @@
     "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": "Bestanden slepen en neerzetten of",
-    "Browse": "Bladeren",
-    "Tap to add files": "Tik om bestanden toe te voegen",
-    "Supported Formats:": "Ondersteunde indelingen:",
+    "Drag & drop files or": "Drag & drop files or",
+    "Browse": "Browse",
+    "Tap to add files": "Tap to add files",
+    "Supported Formats:": "Supported Formats:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded",
-    "Ascending": "Oplopend",
-    "Descending": "Aflopend",
-    "Scroll to start": "Scroll to start",
-    "Scroll to end": "Scroll to end"
+    "Uploaded": "Uploaded"
 }

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

@@ -317,15 +317,11 @@
     "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": "Przeciągnij i upuść pliki lub",
-    "Browse": "Przeglądaj",
-    "Tap to add files": "Dotknij, aby dodać pliki",
-    "Supported Formats:": "Obsługiwane formaty:",
+    "Drag & drop files or": "Drag & drop files or",
+    "Browse": "Browse",
+    "Tap to add files": "Tap to add files",
+    "Supported Formats:": "Supported Formats:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded",
-    "Ascending": "Rosnąco",
-    "Descending": "Malejąco",
-    "Scroll to start": "Przewiń do początku",
-    "Scroll to end": "Przewiń do końca"
+    "Uploaded": "Uploaded"
 }

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

@@ -317,15 +317,11 @@
     "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": "Arraste e solte arquivos ou",
-    "Browse": "Procurar",
-    "Tap to add files": "Toque para adicionar arquivos",
-    "Supported Formats:": "Formatos suportados:",
+    "Drag & drop files or": "Drag & drop files or",
+    "Browse": "Browse",
+    "Tap to add files": "Tap to add files",
+    "Supported Formats:": "Supported Formats:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded",
-    "Ascending": "Crescente",
-    "Descending": "Decrescente",
-    "Scroll to start": "Scroll to start",
-    "Scroll to end": "Scroll to end"
+    "Uploaded": "Uploaded"
 }

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

@@ -317,15 +317,11 @@
     "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": "Arraste e largue ficheiros ou",
-    "Browse": "Procurar",
-    "Tap to add files": "Toque para adicionar ficheiros",
-    "Supported Formats:": "Formatos suportados:",
+    "Drag & drop files or": "Drag & drop files or",
+    "Browse": "Browse",
+    "Tap to add files": "Tap to add files",
+    "Supported Formats:": "Supported Formats:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded",
-    "Ascending": "Ascendente",
-    "Descending": "Descendente",
-    "Scroll to start": "Scroll to start",
-    "Scroll to end": "Scroll to end"
+    "Uploaded": "Uploaded"
 }

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

@@ -317,15 +317,11 @@
     "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": "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:",
+    "Drag & drop files or": "Drag & drop files or",
+    "Browse": "Browse",
+    "Tap to add files": "Tap to add files",
+    "Supported Formats:": "Supported Formats:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded",
-    "Ascending": "Ascensiune",
-    "Descending": "Coborâre",
-    "Scroll to start": "Derulare la început",
-    "Scroll to end": "Derulare la sfârșit"
+    "Uploaded": "Uploaded"
 }

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

@@ -317,15 +317,11 @@
     "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": "Presuňte súbory alebo",
-    "Browse": "Prehľadávať",
-    "Tap to add files": "Klepnutím pridajte súbory",
-    "Supported Formats:": "Podporované formáty:",
+    "Drag & drop files or": "Drag & drop files or",
+    "Browse": "Browse",
+    "Tap to add files": "Tap to add files",
+    "Supported Formats:": "Supported Formats:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded",
-    "Ascending": "Vzostupne",
-    "Descending": "Zostupne",
-    "Scroll to start": "Posunúť na začiatok",
-    "Scroll to end": "Posunúť na koniec"
+    "Uploaded": "Uploaded"
 }

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

@@ -317,15 +317,11 @@
     "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": "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:",
+    "Drag & drop files or": "Drag & drop files or",
+    "Browse": "Browse",
+    "Tap to add files": "Tap to add files",
+    "Supported Formats:": "Supported Formats:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded",
-    "Ascending": "Stigande",
-    "Descending": "Fallande",
-    "Scroll to start": "Scroll to start",
-    "Scroll to end": "Scroll to end"
+    "Uploaded": "Uploaded"
 }

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

@@ -317,15 +317,11 @@
     "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": "ลากและวางไฟล์หรือ",
-    "Browse": "เรียกดู",
-    "Tap to add files": "แตะเพื่อเพิ่มไฟล์",
-    "Supported Formats:": "รูปแบบที่รองรับ:",
+    "Drag & drop files or": "Drag & drop files or",
+    "Browse": "Browse",
+    "Tap to add files": "Tap to add files",
+    "Supported Formats:": "Supported Formats:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded",
-    "Ascending": "จากน้อยไปมาก",
-    "Descending": "จากมากไปน้อย",
-    "Scroll to start": "เลื่อนไปที่จุดเริ่มต้น",
-    "Scroll to end": "เลื่อนไปที่จุดสิ้นสุด"
+    "Uploaded": "Uploaded"
 }

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

@@ -317,15 +317,11 @@
     "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": "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:",
+    "Drag & drop files or": "Drag & drop files or",
+    "Browse": "Browse",
+    "Tap to add files": "Tap to add files",
+    "Supported Formats:": "Supported Formats:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded",
-    "Ascending": "Artan",
-    "Descending": "Azalan",
-    "Scroll to start": "Başlangıca kaydır",
-    "Scroll to end": "Sona kaydır"
+    "Uploaded": "Uploaded"
 }

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

@@ -317,15 +317,11 @@
     "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": "拖放文件或",
-    "Browse": "浏览",
-    "Tap to add files": "点击添加文件",
-    "Supported Formats:": "支持的格式：",
+    "Drag & drop files or": "Drag & drop files or",
+    "Browse": "Browse",
+    "Tap to add files": "Tap to add files",
+    "Supported Formats:": "Supported Formats:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded",
-    "Ascending": "升序",
-    "Descending": "降序",
-    "Scroll to start": "滚动至开头",
-    "Scroll to end": "滚动至末尾"
+    "Uploaded": "Uploaded"
 }

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

@@ -317,15 +317,11 @@
     "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": "拖放檔案或",
-    "Browse": "瀏覽",
-    "Tap to add files": "點選以新增檔案",
-    "Supported Formats:": "支援的格式：",
+    "Drag & drop files or": "Drag & drop files or",
+    "Browse": "Browse",
+    "Tap to add files": "Tap to add files",
+    "Supported Formats:": "Supported Formats:",
     "Upload files.": "Upload files.",
     "File upload area": "File upload area",
-    "Uploaded": "Uploaded",
-    "Ascending": "遞增",
-    "Descending": "遞減",
-    "Scroll to start": "捲動至開始處",
-    "Scroll to end": "捲動至結尾處"
+    "Uploaded": "Uploaded"
 }

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

@@ -47,9 +47,9 @@ export declare const alignments: {
         right: number;
         top: number;
     };
-    "left-bottom": (triggerRect: IRect, popupRect: ISizes, parentRect: IPosition, paddingX: number, _2: number) => {
+    "left-bottom": (triggerRect: IRect, _1: ISizes, parentRect: IPosition, paddingX: number, _2: number) => {
         right: number;
-        top: number;
+        bottom: 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, popupRect, parentRect, paddingX, _2) => ({
+    "left-bottom": (triggerRect, _1, parentRect, paddingX, _2) => ({
         right: parentRect.right - triggerRect.right + triggerRect.width + paddingX,
-        top: triggerRect.bottom - parentRect.top - popupRect.height
+        bottom: parentRect.bottom - triggerRect.bottom
     }),
     right: (triggerRect, popupRect, parentRect, paddingX, _) => ({
         left: triggerRect.left - parentRect.left + triggerRect.width + paddingX,

package/dist/utils/positioningUtils/calculatePosition.js

@@ -11,25 +11,27 @@ 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;
+    var _a, _b, _c, _d, _e, _f, _g;
     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) || ((_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;
+    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;
     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;
-    const parentLeft = parentDomRect.left + parentBorders.left - parentMargins.left;
-    if (!inline && relativeParent === ((_e = zen_1.zen.document) === null || _e === void 0 ? void 0 : _e.body)) {
+    let parentLeft = parentDomRect.left + parentBorders.left - parentMargins.left;
+    if (!inline && relativeParent === ((_g = zen_1.zen.document) === null || _g === void 0 ? void 0 : _g.body)) {
         parentTop = -scrollTop + parentBorders.top - parentMargins.top;
+        parentLeft = -scrollLeft + parentBorders.left - parentMargins.left;
     }
     const parentRect = {
         top: parentTop,

package/esm/calendar/calendar.js

@@ -5,7 +5,6 @@ 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";
@@ -846,8 +845,6 @@ 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");
@@ -1101,7 +1098,7 @@ export const Calendar = ({
       children: [isMobileView ? null : _jsx(TextIconButton, {
         className: "zen-calendar__btn",
         type: "tertiary-black",
-        icon: PrevMonthIcon,
+        icon: IconChevronLeftSmall,
         title: translate("Previous month"),
         onClick: () => changeView(addMonth(viewDate, -1)),
         iconPosition: ButtonIconPosition.Start
@@ -1135,14 +1132,14 @@ export const Calendar = ({
         children: [_jsx(TextIconButton, {
           className: "zen-calendar__btn",
           type: "tertiary-black",
-          icon: PrevMonthIcon,
+          icon: IconChevronLeftSmall,
           title: translate("Previous month"),
           onClick: () => changeView(addMonth(viewDate, -1)),
           iconPosition: ButtonIconPosition.Start
         }), _jsx(TextIconButton, {
           className: "zen-calendar__btn",
           type: "tertiary-black",
-          icon: NextMonthIcon,
+          icon: IconChevronRightSmall,
           title: translate("Next month"),
           onClick: () => changeView(addMonth(viewDate, 1)),
           iconPosition: ButtonIconPosition.Start
@@ -1150,7 +1147,7 @@ export const Calendar = ({
       }) : null, isMobileView ? null : _jsx(TextIconButton, {
         className: "zen-calendar__btn",
         type: "tertiary-black",
-        icon: NextMonthIcon,
+        icon: IconChevronRightSmall,
         title: translate("Next month"),
         onClick: () => changeView(addMonth(viewDate, 1)),
         iconPosition: ButtonIconPosition.Start

package/esm/card/components/title.js

@@ -4,8 +4,6 @@ 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");
@@ -13,8 +11,7 @@ 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 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 chevron = useMemo(() => (_jsx("span", { className: "zen-card-title__link-chevron", children: _jsx(IconChevronRightSmall, { size: iconSize, className: "zen-card-title__chevron-icon" }) })), [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,8 +2,6 @@ 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";
@@ -13,9 +11,8 @@ 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(ArrowIcon, { 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(IconArrowRight, { 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: 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 }) }));
+    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 }) }));
 };

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

package/esm/chart/barChart.js

@@ -22,7 +22,6 @@ 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";
@@ -42,7 +41,6 @@ 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(() => {
@@ -58,15 +56,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, isRtl), [yAxisMeta, isTimedData, dark, translate, isRtl]);
+    const defOptions = useMemo(() => getDefaultOptions(yAxisMeta, isTimedData, dark, translate), [yAxisMeta, isTimedData, dark, translate]);
     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), order: isRtl ? chData.datasets.length - 1 - i : i })));
+        chData.datasets = chData.datasets.map((ds, i) => (Object.assign(Object.assign({}, ds), { hidden: isHidden(i) })));
         return chData;
-    }, [data, isHidden, toLocalDateTime, isRtl]);
+    }, [data, isHidden, toLocalDateTime]);
     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]);
@@ -74,5 +72,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: 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 })] }));
+    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 })] }));
 };

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, isRtl?: boolean) => {
+export declare const getDefaultOptions: (yAxis: IYAxisMeta[], xAxis: IXAxisMeta, isTimedData: boolean, ticks: number, isDark: boolean, translate: (s: string) => string) => {
     responsive: boolean;
     maintainAspectRatio: boolean;
     scales: {
@@ -10,7 +10,6 @@ export declare const getDefaultOptions: (yAxis: IYAxisMeta[], xAxis: IXAxisMeta,
             grid: {
                 display: boolean;
             };
-            reverse: boolean;
             type: string;
             time: {
                 unit: string;

package/esm/chart/lineChart/getDefaultOptions.js

@@ -44,11 +44,9 @@ const getFormatFromDateRange = (minDate, maxDate, ticks) => {
     }
     return { unit: "millisecond", format: "HH:mm:ss.l" };
 };
-export const getDefaultOptions = (yAxis, xAxis, isTimedData, ticks, isDark, translate, isRtl = false) => {
+export const getDefaultOptions = (yAxis, xAxis, isTimedData, ticks, isDark, translate) => {
     const time = getFormatFromDateRange(xAxis.minDate, xAxis.maxDate, ticks);
     const textColor = isDark ? "#C0CCD8" : "#4E677E";
-    const primaryYPosition = isRtl ? "right" : "left";
-    const secondaryYPosition = isRtl ? "left" : "right";
     const scales = {
         x: {
             title: {
@@ -57,7 +55,6 @@ export const getDefaultOptions = (yAxis, xAxis, isTimedData, ticks, isDark, tran
             grid: {
                 display: false
             },
-            reverse: isRtl,
             type: isTimedData ? "time" : "linear",
             time: isTimedData
                 ? {
@@ -104,7 +101,7 @@ export const getDefaultOptions = (yAxis, xAxis, isTimedData, ticks, isDark, tran
             border: defaultGridBorderStyle,
             min: yAxis[i].min,
             max: yAxis[i].max,
-            position: i === 0 ? primaryYPosition : secondaryYPosition
+            position: i === 0 ? "left" : "right"
         };
     }
     return {

package/esm/chart/lineChart.js

@@ -31,7 +31,6 @@ import { getDefaultOptions } from "./lineChart/getDefaultOptions";
 import { useHidden } from "./utils/useHidden";
 import { LinePlugin } from "./plugins/linePlugin/linePlugin";
 import { useLanguage } from "../utils/localization/useLanguage";
-import { useIsRTL } from "../utils/localization/useIsRTL";
 import { useChartTicks } from "./lineChart/useChartTicks";
 import { ChartInsight } from "./chartInsight/chartInsight";
 import { getXAxisMeta } from "./utils/getXAxisMeta";
@@ -44,7 +43,6 @@ export const LineChart = (_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(() => {
@@ -75,7 +73,7 @@ export const LineChart = (_a) => {
     const yAxisMeta = useMemo(() => getYAxisMeta(chartData), [chartData]);
     const xAxisMeta = useMemo(() => getXAxisMeta(chartData, isTimedData), [chartData, isTimedData]);
     const { chartRef, ticks } = useChartTicks();
-    const defOptions = useMemo(() => getDefaultOptions(yAxisMeta, xAxisMeta, isTimedData, ticks, dark, translate, isRtl), [yAxisMeta, xAxisMeta, isTimedData, ticks, dark, translate, isRtl]);
+    const defOptions = useMemo(() => getDefaultOptions(yAxisMeta, xAxisMeta, isTimedData, ticks, dark, translate), [yAxisMeta, xAxisMeta, isTimedData, ticks, dark, translate]);
     const chartOptions = deepMerge(defOptions, options);
     const chartTooltip = useMemo(() => LinePlugin(tooltipId, tooltip, dark), [tooltip, tooltipId, dark]);
     const chartLegend = useMemo(() => legendPlugin(legendId, legend, isDrive, isHidden, toggleHidden), [isDrive, legend, legendId, isHidden, toggleHidden]);
@@ -84,5 +82,5 @@ export const LineChart = (_a) => {
     const intSummary = useSummary(summary, chartData);
     const isMainHidden = useMemo(() => isHidden(0), [isHidden]);
     const toggleMainDataset = useCallback(() => toggleHidden(0), [toggleHidden]);
-    return (_jsxs("div", { className: classNames(["zen-chart", className || ""]), ref: chartRef, children: [insight ? _jsx(ChartInsight, Object.assign({}, insight)) : null, summary !== false ? _jsx(Summary, Object.assign({}, intSummary, { onToggle: toggleMainDataset, isEnabled: isMainHidden })) : 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(Line, Object.assign({ width: 100, height: 100, options: chartOptions, data: chartData, plugins: chartPlugins, "aria-hidden": true }, rest)) }), _jsx("div", { className: "zen-chart__legend", id: legendId }), isDrive && xLabels ? _jsx("div", { className: "zen-chart__x-axis", children: xLabels }) : null, _jsx(AccessibleChart, { type: "line", data: chartData, options: chartOptions })] }));
+    return (_jsxs("div", { className: classNames(["zen-chart", className || ""]), ref: chartRef, children: [insight ? _jsx(ChartInsight, Object.assign({}, insight)) : null, summary !== false ? _jsx(Summary, Object.assign({}, intSummary, { onToggle: toggleMainDataset, isEnabled: isMainHidden })) : null, (isDrive ? undefined : xLabels) || yLabels.length > 0 ? _jsx(ChartAxis, { xLabel: isDrive ? undefined : xLabels, yLabels: yLabels }) : null, _jsx("div", { className: "zen-chart__chart", children: _jsx(Line, Object.assign({ width: 100, height: 100, options: chartOptions, data: chartData, plugins: chartPlugins, "aria-hidden": true }, rest)) }), _jsx("div", { className: "zen-chart__legend", id: legendId }), isDrive && xLabels ? _jsx("div", { className: "zen-chart__x-axis", children: xLabels }) : null, _jsx(AccessibleChart, { type: "line", data: chartData, options: chartOptions })] }));
 };