@geotab/zenith 3.9.0-beta.ssr.2 → 3.9.0

package/esm/tooltip/tooltip.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import React, { createElement, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { useResize } from "../commonHelpers/hooks/useResize";
 import { calculatePosition as calculatePos } from "../utils/positioningUtils/calculatePosition";
-import { createPortal } from "react-dom";
+import { usePortal } from "../commonHelpers/hooks/usePortal";
 import { classNames } from "../commonHelpers/classNames/classNames";
 import { calculateArrowPosition } from "./helpers/calculateArrowPosition";
 import { DeviceType } from "../commonHelpers/hooks/deviceType";
@@ -150,12 +150,15 @@ const EventWrapper = ({
 export const Tooltip = ({
   trigger,
   triggerClassName,
+  triggerAriaLabel,
   className = "",
   alignment,
   children,
   mobileSheetTitle,
   mobileTitle
+  // eslint-disable-next-line complexity
 }) => {
+  var _a, _b, _c, _d;
   const GAP = 12;
   const isDrive = useDrive();
   const triggerRefNative = trigger ? trigger.props.ref : undefined;
@@ -219,12 +222,12 @@ export const Tooltip = ({
     tabIndex: 0,
     type: "button",
     className: "zen-tooltip__trigger-container",
-    "aria-label": translate("Information"),
+    "aria-label": triggerAriaLabel !== null && triggerAriaLabel !== void 0 ? triggerAriaLabel : translate("Information"),
     children: createElement(IconInfoCircle, {
       size: isMobile ? "huge" : "large",
       className: classNames([triggerClassName || "", "zen-tooltip__trigger"])
     })
-  }), [trigger, isMobile, triggerClassName, translate]);
+  }), [trigger, isMobile, triggerClassName, triggerAriaLabel, translate]);
   const triggerClone = _jsx(EventWrapper, {
     deviceType: deviceType,
     isTooltipVisible: isTooltipVisible,
@@ -316,61 +319,54 @@ export const Tooltip = ({
     }
     return preferredAlignment;
   }, [isMobile, TOOLTIP_ARROW_HEIGHT, triggerRef, checkNaturalFit]);
-  // eslint-disable-next-line complexity
-  const renderTooltip = () => {
-    var _a, _b;
-    if (!isTooltipVisible) {
-      return "";
-    }
-    const content = _jsxs(_Fragment, {
-      children: [isMobile && _jsx(Shield, {
-        className: "zen-tooltip__shield"
+  const container = (_d = (_b = (_a = zen.document) === null || _a === void 0 ? void 0 : _a.fullscreenElement) !== null && _b !== void 0 ? _b : (_c = zen.document) === null || _c === void 0 ? void 0 : _c.body) !== null && _d !== void 0 ? _d : undefined;
+  const portal = usePortal(isTooltipVisible ? _jsxs(_Fragment, {
+    children: [isMobile && _jsx(Shield, {
+      className: "zen-tooltip__shield"
+    }), _jsxs("div", {
+      id: tooltipId,
+      role: "tooltip",
+      ref: tooltipRef,
+      className: classNames(["zen-tooltip", dark ? "zen-dark" : "", `zen-tooltip--auto`, isMobile ? "zen-tooltip--mobile" : "", isDrive ? "zen-tooltip--drive" : "", className]),
+      onMouseEnter: () => {
+        var _a, _b;
+        timerRef.current && ((_a = zen.clearTimeout) === null || _a === void 0 ? void 0 : _a.call(zen, timerRef.current));
+        timerMouseLeaveRef.current && ((_b = zen.clearTimeout) === null || _b === void 0 ? void 0 : _b.call(zen, timerMouseLeaveRef.current));
+      },
+      onMouseLeave: () => {
+        var _a;
+        timerMouseLeaveRef.current = (_a = zen.setTimeout) === null || _a === void 0 ? void 0 : _a.call(zen, () => {
+          if (!isMobile && !isDrive) {
+            setTooltipVisible(false);
+          }
+        }, TOOLTIP_VISIBILITY_DELAY);
+      },
+      children: [!isMobile && !isDrive && _jsx("div", {
+        className: classNames(["zen-tooltip__arrow", arrowClass]),
+        ref: arrowRef
       }), _jsxs("div", {
-        id: tooltipId,
-        role: "tooltip",
-        ref: tooltipRef,
-        className: classNames(["zen-tooltip", dark ? "zen-dark" : "", `zen-tooltip--auto`, isMobile ? "zen-tooltip--mobile" : "", isDrive ? "zen-tooltip--drive" : "", className]),
-        onMouseEnter: () => {
-          var _a, _b;
-          timerRef.current && ((_a = zen.clearTimeout) === null || _a === void 0 ? void 0 : _a.call(zen, timerRef.current));
-          timerMouseLeaveRef.current && ((_b = zen.clearTimeout) === null || _b === void 0 ? void 0 : _b.call(zen, timerMouseLeaveRef.current));
-        },
-        onMouseLeave: () => {
+        className: classNames(["zen-tooltip__body", "zen-tooltip__body--auto", isDrive ? "zen-tooltip__body--drive" : "", isMobile ? "zen-tooltip__body--mobile" : "", deviceType === DeviceType.Desktop && !isDrive ? "zen-tooltip__body--desktop" : ""]),
+        children: [(mobileSheetTitle || mobileTitle) && (deviceType === DeviceType.Mobile || isDrive) && _jsx("div", {
+          className: "zen-tooltip__title",
+          children: mobileSheetTitle || mobileTitle
+        }), children]
+      }), (deviceType === DeviceType.Mobile || isDrive) && _jsx(Button, {
+        className: "zen-tooltip__close-button",
+        title: translate("Close"),
+        "aria-label": translate("Close"),
+        onClick: () => {
           var _a;
-          timerMouseLeaveRef.current = (_a = zen.setTimeout) === null || _a === void 0 ? void 0 : _a.call(zen, () => {
-            if (!isMobile && !isDrive) {
-              setTooltipVisible(false);
-            }
-          }, TOOLTIP_VISIBILITY_DELAY);
+          setTooltipVisible(false);
+          (_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
         },
-        children: [!isMobile && !isDrive && _jsx("div", {
-          className: classNames(["zen-tooltip__arrow", arrowClass]),
-          ref: arrowRef
-        }), _jsxs("div", {
-          className: classNames(["zen-tooltip__body", "zen-tooltip__body--auto", isDrive ? "zen-tooltip__body--drive" : "", isMobile ? "zen-tooltip__body--mobile" : "", deviceType === DeviceType.Desktop && !isDrive ? "zen-tooltip__body--desktop" : ""]),
-          children: [(mobileSheetTitle || mobileTitle) && (deviceType === DeviceType.Mobile || isDrive) && _jsx("div", {
-            className: "zen-tooltip__title",
-            children: mobileSheetTitle || mobileTitle
-          }), children]
-        }), (deviceType === DeviceType.Mobile || isDrive) && _jsx(Button, {
-          className: "zen-tooltip__close-button",
-          title: translate("Close"),
-          "aria-label": translate("Close"),
-          onClick: () => {
-            var _a;
-            setTooltipVisible(false);
-            (_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-          },
-          children: _jsx(IconClose, {
-            description: translate("Close"),
-            className: "svgIcon",
-            size: "huge"
-          })
-        })]
+        children: _jsx(IconClose, {
+          description: translate("Close"),
+          className: "svgIcon",
+          size: "huge"
+        })
       })]
-    });
-    return createPortal(content, ((_a = zen.document) === null || _a === void 0 ? void 0 : _a.fullscreenElement) || ((_b = zen.document) === null || _b === void 0 ? void 0 : _b.body), tooltipId);
-  };
+    })]
+  }) : null, container, tooltipId);
   const calculatePosition = useCallback(() => {
     const eAlignment = getEffectiveAlignment(tooltipAlignmentRef.current);
     calculatePos(triggerRef, tooltipRef, TOOLTIP_ARROW_HEIGHT + GAP, TOOLTIP_ARROW_HEIGHT + GAP, false, eAlignment, tooltipAlignments, undefined, isMobile);
@@ -426,6 +422,6 @@ export const Tooltip = ({
     }
   }, []);
   return _jsxs(_Fragment, {
-    children: [isTooltipVisible && renderTooltip(), triggerClone]
+    children: [portal, triggerClone]
   });
 };

package/esm/utils/localization/languageProvider.js

@@ -9,7 +9,10 @@ export const LanguageProvider = ({ language, children }) => {
     const validLanguage = getSupportedLanguage(language);
     const direction = getTextDirection(validLanguage);
     useEffect(() => {
-        zen.document && (zen.document.documentElement.dir = direction);
-    }, [direction]);
+        if (zen.document) {
+            zen.document.documentElement.dir = direction;
+            zen.document.documentElement.lang = validLanguage;
+        }
+    }, [direction, validLanguage]);
     return (_jsx(languageContext.Provider, { value: validLanguage, children: _jsx(directionContext.Provider, { value: direction, children: children }) }));
 };

package/esm/utils/localization/translations/ar.json

@@ -203,7 +203,6 @@
     "This feature is still in testing, and is not fully supported yet. Your feedback is valuable to help guide future enhancements.": "هذه الميزة لا تزال قيد الاختبار وغير مدعومة بالكامل بعد. ملاحظاتك قيمة للمساعدة في توجيه التحسينات المستقبلية.",
     "Send feedback": "إرسال ملاحظات",
     "Manage beta option": "إدارة الخيار التجريبي",
-    "Ma": "مايو",
     "Y-axis": "المحور ص",
     "X-axis": "المحور س",
     "Previous": "السابق",

package/esm/utils/localization/translations/cs.json

@@ -202,7 +202,6 @@
     "The time must be set": "Je třeba nastavit čas.",
     "Reset column settings": "Obnovit nastavení sloupce",
     "Filters": "Filtry",
-    "Ma": "Kvě",
     "Next": "Další",
     "Previous": "Předchozí",
     "Open": "Otevřít",

package/esm/utils/localization/translations/da-DK.json

@@ -201,7 +201,6 @@
     "This feature is still in testing, and is not fully supported yet. Your feedback is valuable to help guide future enhancements.": "Funktionen er stadig under test og virker ikke helt endnu. Din feedback er guld værd og hjælper os med fremtidige forbedringer.",
     "Send feedback": "Send feedback",
     "Manage beta option": "Styr beta-indstillingen",
-    "Ma": "Maj",
     "Y-axis": "Y-akse",
     "X-axis": "X-akse",
     "Previous": "Forrige",

package/esm/utils/localization/translations/de.json

@@ -201,7 +201,6 @@
     "The time must be set": "Die Uhrzeit muss festgelegt werden.",
     "Reset column settings": "Spalteneinstellungen zurücksetzen",
     "Filters": "Filter",
-    "Ma": "Mai",
     "Next": "Nächstes",
     "Previous": "Vorherige",
     "Open": "Offen",

package/esm/utils/localization/translations/en.json

@@ -203,11 +203,12 @@
     "This feature is still in testing, and is not fully supported yet. Your feedback is valuable to help guide future enhancements.": "This feature is still in testing, and is not fully supported yet. Your feedback is valuable to help guide future enhancements.",
     "Send feedback": "Send feedback",
     "Manage beta option": "Manage beta option",
-    "Ma": "May",
     "Y-axis": "Y-axis",
     "X-axis": "X-axis",
     "Previous": "Previous",
     "Next": "Next",
+    "Previous date period": "Previous date period",
+    "Next date period": "Next date period",
     "Choose dates": "Choose dates",
     "Date range not available": "Date range not available",
     "Choose your date range": "Choose your date range",
@@ -217,6 +218,7 @@
     "Favorite": "Favorite",
     "All Filters": "All Filters",
     "Reset All": "Reset all",
+    "Active filters: {}": "Active filters: {}",
     "Loading": "Loading",
     "Select option": "Select option",
     "Value": "Value",

package/esm/utils/localization/translations/es.json

@@ -202,7 +202,6 @@
     "The time must be set": "Se debe establecer la hora.",
     "Reset column settings": "Restablecer configuración de columna",
     "Filters": "Filtros",
-    "Ma": "May",
     "Next": "Siguiente",
     "Previous": "Anterior",
     "Open": "Abierto",

package/esm/utils/localization/translations/fi-FI.json

@@ -201,7 +201,6 @@
     "This feature is still in testing, and is not fully supported yet. Your feedback is valuable to help guide future enhancements.": "Tämä ominaisuus on vielä testausvaiheessa eikä ole täysin tuettu. Palautteesi on tärkeää, sillä sen avulla voimme kehittää asioita entistä paremmin.",
     "Send feedback": "Lähetä palautetta",
     "Manage beta option": "Hallitse beta-vaihtoehtoa",
-    "Ma": "Tou.",
     "Y-axis": "Y-akseli",
     "X-axis": "X-akseli",
     "Previous": "Edellinen",

package/esm/utils/localization/translations/fr-FR.json

@@ -202,7 +202,6 @@
     "The time must be set": "L'heure doit être définie.",
     "Reset column settings": "Réinitialiser les paramètres des colonnes",
     "Filters": "Filtres",
-    "Ma": "Mai",
     "Next": "Suivant",
     "Previous": "Précédent",
     "Open": "Ouvrir",

package/esm/utils/localization/translations/fr.json

@@ -202,7 +202,6 @@
     "The time must be set": "L'heure doit être programmée.",
     "Reset column settings": "Réinitialiser les paramètres de la colonne",
     "Filters": "Filtres",
-    "Ma": "mai",
     "Next": "Suivant",
     "Previous": "Précédent",
     "Open": "Ouvert",

package/esm/utils/localization/translations/hu-HU.json

@@ -201,7 +201,6 @@
     "This feature is still in testing, and is not fully supported yet. Your feedback is valuable to help guide future enhancements.": "Ez a funkció még tesztelés alatt áll, és még nem támogatott teljes mértékben. A visszajelzésed értékes, segít a jövőbeli fejlesztésekben.",
     "Send feedback": "Küldj visszajelzést.",
     "Manage beta option": "Béta-opció kezelése",
-    "Ma": "Május",
     "Y-axis": "Y tengely",
     "X-axis": "X tengely",
     "Previous": "Előző",

package/esm/utils/localization/translations/id.json

@@ -202,7 +202,6 @@
     "The time must be set": "Waktu harus diatur.",
     "Reset column settings": "Reset pengaturan kolom",
     "Filters": "Filter",
-    "Ma": "Mei",
     "Next": "Berikutnya",
     "Previous": "Sebelumnya",
     "Open": "Buka",

package/esm/utils/localization/translations/it.json

@@ -202,7 +202,6 @@
     "The time must be set": "Impostare l'ora.",
     "Reset column settings": "Ripristinare impostazioni colonna",
     "Filters": "Filtri",
-    "Ma": "Mag",
     "Next": "Avanti",
     "Previous": "Indietro",
     "Open": "Aperto",

package/esm/utils/localization/translations/ja.json

@@ -202,7 +202,6 @@
     "The time must be set": "時刻を設定する必要があります。",
     "Reset column settings": "列設定をリセット",
     "Filters": "フィルター",
-    "Ma": "5月",
     "Next": "次の",
     "Previous": "前",
     "Open": "オープン",

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

@@ -201,7 +201,6 @@
     "This feature is still in testing, and is not fully supported yet. Your feedback is valuable to help guide future enhancements.": "이 기능은 여전히 테스트 중이며 아직 완전히 지원되지 않습니다. 귀하의 피드백은 향후 개선 방향을 제시하는 데 매우 중요합니다.",
     "Send feedback": "피드백 보내기",
     "Manage beta option": "베타 옵션 관리",
-    "Ma": "5월",
     "Y-axis": "Y축",
     "X-axis": "X축",
     "Open": "열려 있는",

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

@@ -202,7 +202,6 @@
     "The time must be set": "Masa mesti ditetapkan.",
     "Reset column settings": "Tetapkan semula tetapan lajur",
     "Filters": "Penyaring",
-    "Ma": "Mei",
     "Next": "Seterusnya",
     "Previous": "Sebelumnya",
     "Open": "Buka",

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

@@ -201,7 +201,6 @@
     "This feature is still in testing, and is not fully supported yet. Your feedback is valuable to help guide future enhancements.": "Denne funksjonen er fortsatt under testing, og støttes ikke fullt ut ennå. Tilbakemeldingen din er viktig for at vi skal kunne forbedre tjenesten.",
     "Send feedback": "Send tilbakemelding",
     "Manage beta option": "Administrer beta-alternativ",
-    "Ma": "Mai",
     "Y-axis": "Y-akse",
     "X-axis": "X-akse",
     "Previous": "Tidligere",

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

@@ -202,7 +202,6 @@
     "The time must be set": "De tijd moet worden ingesteld.",
     "Reset column settings": "Reset kolominstellingen",
     "Filters": "Filters",
-    "Ma": "mei",
     "Next": "Volgende",
     "Previous": "Vorige",
     "Open": "Open",

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

@@ -202,7 +202,6 @@
     "The time must be set": "Godzina musi być ustawiona.",
     "Reset column settings": "Zresetuj ustawienia kolumny",
     "Filters": "Filtry",
-    "Ma": "Maj",
     "Next": "Następne",
     "Previous": "Poprzednie",
     "Open": "Otwórz",

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

@@ -202,7 +202,6 @@
     "The time must be set": "É necessário definir a hora.",
     "Reset column settings": "Redefinir configurações de coluna",
     "Filters": "Filtros",
-    "Ma": "Mai",
     "Next": "Avançar",
     "Previous": "Anterior",
     "Open": "Aberto",

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

@@ -203,7 +203,6 @@
     "This feature is still in testing, and is not fully supported yet. Your feedback is valuable to help guide future enhancements.": "Esta funcionalidade ainda está em testes e ainda não é totalmente suportada. O seu feedback é valioso para ajudar a orientar melhorias futuras.",
     "Send feedback": "Enviar feedback",
     "Manage beta option": "Gerenciar opção beta",
-    "Ma": "Mai",
     "Y-axis": "Eixo Y",
     "X-axis": "Eixo X",
     "Previous": "Anterior",

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

@@ -203,7 +203,6 @@
     "This feature is still in testing, and is not fully supported yet. Your feedback is valuable to help guide future enhancements.": "Această funcție este în testare și încă nu este complet compatibilă. Feedbackul dvs. este important și ne va ajuta la îmbunătățirile viitoare.",
     "Send feedback": "Trimiteți feedback",
     "Manage beta option": "Administrați opțiunea beta",
-    "Ma": "Ma",
     "Y-axis": "Axa Y",
     "X-axis": "Axa X",
     "Previous": "Înapoi",

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

@@ -200,7 +200,6 @@
     "Dec": "dec.",
     "Send feedback": "Pošli spätnú väzbu",
     "Manage beta option": "Spravuj beta možnosť",
-    "Ma": "máj",
     "Y-axis": "os Y",
     "X-axis": "os X",
     "Previous": "Predchádzajúci",

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

@@ -202,7 +202,6 @@
     "The time must be set": "Tiden måste anges.",
     "Reset column settings": "Återställ kolumninställningar",
     "Filters": "Filter",
-    "Ma": "Maj",
     "Next": "Nästa",
     "Previous": "Föregående",
     "Open": "Öppna",

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

@@ -202,7 +202,6 @@
     "The time must be set": "ต้องกำหนดเวลา",
     "Reset column settings": "รีเซ็ตการตั้งค่าคอลัมน์",
     "Filters": "ตัวกรอง",
-    "Ma": "พ.ค.",
     "Next": "ถัดไป",
     "Previous": "ก่อนหน้า",
     "Open": "เปิด",

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

@@ -202,7 +202,6 @@
     "The time must be set": "Saat ayarlanmalıdır.",
     "Reset column settings": "Sütun ayarlarını sıfırla",
     "Filters": "Filtreler",
-    "Ma": "May",
     "Next": "Sonraki",
     "Previous": "Önceki",
     "Open": "Aç",

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

@@ -202,7 +202,6 @@
     "The time must be set": "必须设定时间。",
     "Reset column settings": "重置列设置",
     "Filters": "筛选器",
-    "Ma": "五月",
     "Next": "下一个",
     "Previous": "前一",
     "Open": "打开",

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

@@ -215,7 +215,6 @@
     "This feature is still in testing, and is not fully supported yet. Your feedback is valuable to help guide future enhancements.": "此功能仍在測試階段，尚未完全支援。您的意見回饋對我們來說非常重要，能協助我們確認未來改進的方向。",
     "Send feedback": "傳送意見回饋",
     "Manage beta option": "管理測試版選項",
-    "Ma": "五月",
     "Next": "下一步",
     "Previous": "上一個",
     "Open": "開啟",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@geotab/zenith",
-    "version": "3.9.0-beta.ssr.2",
+    "version": "3.9.0",
     "description": "Zenith components library on React",
     "main": "dist/index.js",
     "types": "esm/index.d.ts",
@@ -12,35 +12,37 @@
         "**/react-chartjs/dateAdapter.js"
     ],
     "scripts": {
-        "test": "npm run clean && npm run test-build && node build-utils/translations/inject-translations.js && jest --clearCache && jest",
-        "start": "npm run storybook --loglevel verbose",
-        "lint": "npx eslint",
-        "prettier-fix": "npx prettier --write \"**/*.{ts,tsx,js,jsx,json,md,less,css}\"",
-        "prettier": "npx prettier --check \"**/*.{ts,tsx,js,jsx,json,md,less,css}\"",
-        "new": "node newComponent.mjs",
-        "translations": "node build-utils/translations/translation-integrity.mjs",
+        "add-icon": "node addIcon.js",
+        "build-rtl": "node build-utils/rtl/generate-rtl-css.js",
+        "build": "npm run clean && npm run build-index && npm run update-version && npm run build-ts && npm run build-less && npm run build-copy && npm run build-clean && npm run translations",
         "build-ai-mdx": "node collectmdx.js",
-        "build-esm": "npx tsc -b tsconfig.esm.json",
         "build-cjs": "npx tsc -b tsconfig.cjs.json",
-        "build-ts": "npm run build-esm && npm run build-cjs && node build-utils/translations/inject-translations.js && node less-transformer.js",
-        "build-less": "node less-compile.js",
-        "build-copy": "node build-copy.js",
         "build-clean": "node build-clean.js",
+        "build-copy": "node build-copy.js",
+        "build-esm": "npx tsc -b tsconfig.esm.json",
         "build-index": "node buildIndex.js",
-        "update-version": "node updateVersion.js",
-        "build": "npm run build-index && npm run update-version && npm run build-ts && npm run build-less && npm run build-copy && npm run build-clean && npm run translations",
-        "add-icon": "node addIcon.js",
-        "watch": "npx tsc -b tsconfig.build.json -w",
-        "watch:inject": "npx nodemon --watch dist --ext js --exec 'node build-utils/translations/inject-translations.js' --delay 500ms",
-        "test-build": "npx tsc -b tsconfig.jestTests.json",
-        "test-watch": "npm run clean && npm run test-build && node build-utils/translations/inject-translations.js && npx tsc -b tsconfig.jestTests.json -w",
-        "test-watch:inject": "npx nodemon --watch dist --ext js --exec 'node build-utils/translations/inject-translations.js' --delay 500ms",
-        "test-coverage": "npm run clean && npm run test-build && node build-utils/translations/inject-translations.js && jest --clearCache && jest --collectCoverage=true --coverage --collectCoverageFrom='./dist/**/*.js' --collectCoverageFrom='!./dist/**/*.test.js' --json --outputFile=jest-result.json --coverageReporters=html --coverageReporters=text-summary --coverageReporters=cobertura --maxWorkers=4 --noStackTrace && node testHelpers/cobertura/cobertura.js",
-        "coverage": "npm run test-coverage && google-chrome ./jest-coverage/index.html",
-        "storybook": "storybook dev -p 6006",
+        "build-less": "node less-compile.js",
         "build-storybook": "storybook build && npm run build-ai-mdx",
+        "build-ts": "npm run build-esm && npm run build-cjs && npm run inject-translations && node less-transformer.js",
         "clean": "rm -rf ./dist && rm -rf ./esm && rm -rf ./jest-coverage",
-        "test-storybook": "test-storybook"
+        "coverage": "npm run test-coverage && google-chrome ./jest-coverage/index.html",
+        "inject-translations": "node build-utils/translations/inject-translations.js",
+        "lint": "npx eslint",
+        "new": "node newComponent.mjs",
+        "prettier": "npx prettier . --config '.prettierrc' --ignore-path '.prettierignore'",
+        "prettier-check": "npm run prettier -- --check",
+        "prettier-fix": "npm run prettier -- --write",
+        "start": "npm run storybook",
+        "storybook": "storybook dev -p 6006",
+        "test": "npm run clean && npm run test-build && jest",
+        "test-build": "npx tsc -b tsconfig.jestTests.json && npm run build-less && npm run inject-translations && jest --clearCache",
+        "test-coverage": "npm run clean && npm run test-build && jest --collectCoverage=true --coverage --collectCoverageFrom='./dist/**/*.js' --collectCoverageFrom='!./dist/**/*.test.js' --json --outputFile=jest-result.json --coverageReporters=html --coverageReporters=text-summary --coverageReporters=cobertura --maxWorkers=4 --noStackTrace && node testHelpers/cobertura/cobertura.js",
+        "test-storybook": "test-storybook",
+        "test-watch": "npm run clean && npm run test-build && npx tsc -b tsconfig.jestTests.json -w",
+        "translations": "node build-utils/translations/translation-integrity.mjs",
+        "update-version": "node updateVersion.js",
+        "watch": "npx tsc -b tsconfig.cjs.json -w",
+        "watch:inject-translations": "npx nodemon --watch dist --delay 500ms --ext js --exec 'npm run inject-translations'"
     },
     "author": "",
     "license": "SEE LICENSE IN LICENSE.txt",
@@ -53,11 +55,12 @@
         "@babel/preset-typescript": "^7.24.1",
         "@babel/traverse": "^7.28.5",
         "@eslint/js": "^9.18.0",
-        "@storybook/addon-docs": "^10.1.11",
-        "@storybook/addon-links": "^10.1.11",
-        "@storybook/addon-webpack5-compiler-babel": "^4.0.0",
-        "@storybook/react-webpack5": "^10.1.11",
-        "@storybook/test-runner": "^0.24.2",
+        "@storybook/addon-a11y": "^10.3.5",
+        "@storybook/addon-docs": "^10.3.5",
+        "@storybook/addon-links": "^10.3.5",
+        "@storybook/addon-webpack5-compiler-babel": "^4.0.1",
+        "@storybook/react-webpack5": "^10.3.5",
+        "@storybook/test-runner": "^0.24.3",
         "@tanstack/react-query": "^5.85.5",
         "@testing-library/react": "^16.3.0",
         "@types/jest": "^29.5.12",
@@ -71,7 +74,7 @@
         "eslint-config-prettier": "^10.1.8",
         "eslint-plugin-react": "^7.37.3",
         "eslint-plugin-react-hooks": "^7.0.1",
-        "eslint-plugin-storybook": "^10.2.0",
+        "eslint-plugin-storybook": "^10.3.5",
         "globals": "^17.1.0",
         "jest": "^30.2.0",
         "jest-environment-jsdom": "^30.2.0",
@@ -80,7 +83,7 @@
         "less-loader": "^12.2.0",
         "mini-css-extract-plugin": "^2.9.2",
         "prettier": "^3.8.1",
-        "storybook": "^10.2.8",
+        "storybook": "^10.3.5",
         "style-loader": "^4.0.0",
         "typescript": "^5.4.3",
         "typescript-eslint": "^8.20.0",
@@ -89,14 +92,14 @@
     },
     "dependencies": {
         "chart.js": "^4.4.6",
-        "react": "^19.2.5",
-        "react-dom": "^19.2.5",
+        "react": "^19.2.0",
+        "react-dom": "^19.2.0",
         "react-hook-form": "^7.60.0"
     },
     "peerDependencies": {
         "chart.js": "^4.4.6",
-        "react": "^19.2.5",
-        "react-dom": "^19.2.5"
+        "react": "^19.2.0",
+        "react-dom": "^19.2.0"
     },
     "files": [
         "./dist/",

package/dist/title/title.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Title = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const classNames_1 = require("../commonHelpers/classNames/classNames");
-const useDrive_1 = require("../utils/theme/useDrive");
-const useDriveClassName_1 = require("../utils/theme/useDriveClassName");
-const iconChevronRightSmall_1 = require("../icons/iconChevronRightSmall");
-const Title = ({ isMobile, link, target, title, id, icon, iconType, className = "", onClick }) => {
-    const isDrive = (0, useDrive_1.useDrive)();
-    const driveClassName = (0, useDriveClassName_1.useDriveClassName)("zen-title");
-    const h3ClassName = (0, classNames_1.classNames)(["zen-title", driveClassName !== null && driveClassName !== void 0 ? driveClassName : ""]);
-    const clickableClass = onClick ? "zen-title__clickable" : "";
-    const iconClassName = iconType ? `zen-title__icon--${iconType}` : "";
-    const iconSize = (0, react_1.useMemo)(() => (isDrive ? "huge" : "large"), [isDrive]);
-    const iconElement = (0, react_1.useMemo)(() => (icon ? (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-title__icon", iconClassName]), children: (0, react_1.createElement)(icon, { size: iconSize }) }) : null), [icon, iconSize, iconClassName]);
-    const chevron = (0, react_1.useMemo)(() => ((0, jsx_runtime_1.jsx)("span", { className: "zen-title__link-chevron", children: (0, jsx_runtime_1.jsx)(iconChevronRightSmall_1.IconChevronRightSmall, { size: iconSize, className: "zen-title__chevron-icon" }) })), [iconSize]);
-    if (onClick) {
-        return ((0, jsx_runtime_1.jsx)("h3", { className: h3ClassName, children: (0, jsx_runtime_1.jsxs)("button", { type: "button", className: clickableClass, onClick: onClick, children: [iconElement, (0, jsx_runtime_1.jsxs)("span", { title: title, id: id, className: (0, classNames_1.classNames)(["zen-title__text", isMobile && !isDrive ? "zen-title__text--mobile" : "", className]), children: [title, chevron] })] }) }));
-    }
-    if (link) {
-        return ((0, jsx_runtime_1.jsx)("h3", { className: h3ClassName, children: (0, jsx_runtime_1.jsxs)("a", { id: id, className: "zen-title__link", href: link, target: target, children: [iconElement, (0, jsx_runtime_1.jsxs)("span", { title: title, className: (0, classNames_1.classNames)(["zen-title__link-text"]), children: [title, chevron] })] }) }));
-    }
-    return ((0, jsx_runtime_1.jsxs)("h3", { className: h3ClassName, children: [iconElement, (0, jsx_runtime_1.jsx)("span", { title: title, id: id, className: (0, classNames_1.classNames)(["zen-title__text", isMobile && !isDrive ? "zen-title__text--mobile" : "", className]), children: title })] }));
-};
-exports.Title = Title;

package/esm/title/title.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createElement, useMemo } from "react";
-import { classNames } from "../commonHelpers/classNames/classNames";
-import { useDrive } from "../utils/theme/useDrive";
-import { useDriveClassName } from "../utils/theme/useDriveClassName";
-import { IconChevronRightSmall } from "../icons/iconChevronRightSmall";
-export const Title = ({ isMobile, link, target, title, id, icon, iconType, className = "", onClick }) => {
-    const isDrive = useDrive();
-    const driveClassName = useDriveClassName("zen-title");
-    const h3ClassName = classNames(["zen-title", driveClassName !== null && driveClassName !== void 0 ? driveClassName : ""]);
-    const clickableClass = onClick ? "zen-title__clickable" : "";
-    const iconClassName = iconType ? `zen-title__icon--${iconType}` : "";
-    const iconSize = useMemo(() => (isDrive ? "huge" : "large"), [isDrive]);
-    const iconElement = useMemo(() => (icon ? _jsx("div", { className: classNames(["zen-title__icon", iconClassName]), children: createElement(icon, { size: iconSize }) }) : null), [icon, iconSize, iconClassName]);
-    const chevron = useMemo(() => (_jsx("span", { className: "zen-title__link-chevron", children: _jsx(IconChevronRightSmall, { size: iconSize, className: "zen-title__chevron-icon" }) })), [iconSize]);
-    if (onClick) {
-        return (_jsx("h3", { className: h3ClassName, children: _jsxs("button", { type: "button", className: clickableClass, onClick: onClick, children: [iconElement, _jsxs("span", { title: title, id: id, className: classNames(["zen-title__text", isMobile && !isDrive ? "zen-title__text--mobile" : "", className]), children: [title, chevron] })] }) }));
-    }
-    if (link) {
-        return (_jsx("h3", { className: h3ClassName, children: _jsxs("a", { id: id, className: "zen-title__link", href: link, target: target, children: [iconElement, _jsxs("span", { title: title, className: classNames(["zen-title__link-text"]), children: [title, chevron] })] }) }));
-    }
-    return (_jsxs("h3", { className: h3ClassName, children: [iconElement, _jsx("span", { title: title, id: id, className: classNames(["zen-title__text", isMobile && !isDrive ? "zen-title__text--mobile" : "", className]), children: title })] }));
-};