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

package/dist/tooltip/tooltip.js

@@ -96,7 +96,7 @@ injectString("ar-SA", "Close", "\u0625\u063A\u0644\u0627\u0642");
 const react_1 = __importStar(require("react"));
 const useResize_1 = require("../commonHelpers/hooks/useResize");
 const calculatePosition_1 = require("../utils/positioningUtils/calculatePosition");
-const react_dom_1 = require("react-dom");
+const usePortal_1 = require("../commonHelpers/hooks/usePortal");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const calculateArrowPosition_1 = require("./helpers/calculateArrowPosition");
 const deviceType_1 = require("../commonHelpers/hooks/deviceType");
@@ -189,12 +189,15 @@ const EventWrapper = ({
 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 = (0, useDrive_1.useDrive)();
   const triggerRefNative = trigger ? trigger.props.ref : undefined;
@@ -258,12 +261,12 @@ 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: (0, react_1.createElement)(iconInfoCircle_1.IconInfoCircle, {
       size: isMobile ? "huge" : "large",
       className: (0, classNames_1.classNames)([triggerClassName || "", "zen-tooltip__trigger"])
     })
-  }), [trigger, isMobile, triggerClassName, translate]);
+  }), [trigger, isMobile, triggerClassName, triggerAriaLabel, translate]);
   const triggerClone = (0, jsx_runtime_1.jsx)(EventWrapper, {
     deviceType: deviceType,
     isTooltipVisible: isTooltipVisible,
@@ -355,61 +358,54 @@ 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 = (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, {
-      children: [isMobile && (0, jsx_runtime_1.jsx)(shield_1.Shield, {
-        className: "zen-tooltip__shield"
+  const container = (_d = (_b = (_a = zen_1.zen.document) === null || _a === void 0 ? void 0 : _a.fullscreenElement) !== null && _b !== void 0 ? _b : (_c = zen_1.zen.document) === null || _c === void 0 ? void 0 : _c.body) !== null && _d !== void 0 ? _d : undefined;
+  const portal = (0, usePortal_1.usePortal)(isTooltipVisible ? (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, {
+    children: [isMobile && (0, jsx_runtime_1.jsx)(shield_1.Shield, {
+      className: "zen-tooltip__shield"
+    }), (0, jsx_runtime_1.jsxs)("div", {
+      id: tooltipId,
+      role: "tooltip",
+      ref: tooltipRef,
+      className: (0, classNames_1.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_1.zen.clearTimeout) === null || _a === void 0 ? void 0 : _a.call(zen_1.zen, timerRef.current));
+        timerMouseLeaveRef.current && ((_b = zen_1.zen.clearTimeout) === null || _b === void 0 ? void 0 : _b.call(zen_1.zen, timerMouseLeaveRef.current));
+      },
+      onMouseLeave: () => {
+        var _a;
+        timerMouseLeaveRef.current = (_a = zen_1.zen.setTimeout) === null || _a === void 0 ? void 0 : _a.call(zen_1.zen, () => {
+          if (!isMobile && !isDrive) {
+            setTooltipVisible(false);
+          }
+        }, TOOLTIP_VISIBILITY_DELAY);
+      },
+      children: [!isMobile && !isDrive && (0, jsx_runtime_1.jsx)("div", {
+        className: (0, classNames_1.classNames)(["zen-tooltip__arrow", arrowClass]),
+        ref: arrowRef
       }), (0, jsx_runtime_1.jsxs)("div", {
-        id: tooltipId,
-        role: "tooltip",
-        ref: tooltipRef,
-        className: (0, classNames_1.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_1.zen.clearTimeout) === null || _a === void 0 ? void 0 : _a.call(zen_1.zen, timerRef.current));
-          timerMouseLeaveRef.current && ((_b = zen_1.zen.clearTimeout) === null || _b === void 0 ? void 0 : _b.call(zen_1.zen, timerMouseLeaveRef.current));
-        },
-        onMouseLeave: () => {
+        className: (0, classNames_1.classNames)(["zen-tooltip__body", "zen-tooltip__body--auto", isDrive ? "zen-tooltip__body--drive" : "", isMobile ? "zen-tooltip__body--mobile" : "", deviceType === deviceType_1.DeviceType.Desktop && !isDrive ? "zen-tooltip__body--desktop" : ""]),
+        children: [(mobileSheetTitle || mobileTitle) && (deviceType === deviceType_1.DeviceType.Mobile || isDrive) && (0, jsx_runtime_1.jsx)("div", {
+          className: "zen-tooltip__title",
+          children: mobileSheetTitle || mobileTitle
+        }), children]
+      }), (deviceType === deviceType_1.DeviceType.Mobile || isDrive) && (0, jsx_runtime_1.jsx)(button_1.Button, {
+        className: "zen-tooltip__close-button",
+        title: translate("Close"),
+        "aria-label": translate("Close"),
+        onClick: () => {
           var _a;
-          timerMouseLeaveRef.current = (_a = zen_1.zen.setTimeout) === null || _a === void 0 ? void 0 : _a.call(zen_1.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 && (0, jsx_runtime_1.jsx)("div", {
-          className: (0, classNames_1.classNames)(["zen-tooltip__arrow", arrowClass]),
-          ref: arrowRef
-        }), (0, jsx_runtime_1.jsxs)("div", {
-          className: (0, classNames_1.classNames)(["zen-tooltip__body", "zen-tooltip__body--auto", isDrive ? "zen-tooltip__body--drive" : "", isMobile ? "zen-tooltip__body--mobile" : "", deviceType === deviceType_1.DeviceType.Desktop && !isDrive ? "zen-tooltip__body--desktop" : ""]),
-          children: [(mobileSheetTitle || mobileTitle) && (deviceType === deviceType_1.DeviceType.Mobile || isDrive) && (0, jsx_runtime_1.jsx)("div", {
-            className: "zen-tooltip__title",
-            children: mobileSheetTitle || mobileTitle
-          }), children]
-        }), (deviceType === deviceType_1.DeviceType.Mobile || isDrive) && (0, jsx_runtime_1.jsx)(button_1.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: (0, jsx_runtime_1.jsx)(iconClose_1.IconClose, {
-            description: translate("Close"),
-            className: "svgIcon",
-            size: "huge"
-          })
-        })]
+        children: (0, jsx_runtime_1.jsx)(iconClose_1.IconClose, {
+          description: translate("Close"),
+          className: "svgIcon",
+          size: "huge"
+        })
       })]
-    });
-    return (0, react_dom_1.createPortal)(content, ((_a = zen_1.zen.document) === null || _a === void 0 ? void 0 : _a.fullscreenElement) || ((_b = zen_1.zen.document) === null || _b === void 0 ? void 0 : _b.body), tooltipId);
-  };
+    })]
+  }) : null, container, tooltipId);
   const calculatePosition = (0, react_1.useCallback)(() => {
     const eAlignment = getEffectiveAlignment(tooltipAlignmentRef.current);
     (0, calculatePosition_1.calculatePosition)(triggerRef, tooltipRef, TOOLTIP_ARROW_HEIGHT + GAP, TOOLTIP_ARROW_HEIGHT + GAP, false, eAlignment, tooltipAlignments_1.tooltipAlignments, undefined, isMobile);
@@ -465,7 +461,7 @@ const Tooltip = ({
     }
   }, []);
   return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, {
-    children: [isTooltipVisible && renderTooltip(), triggerClone]
+    children: [portal, triggerClone]
   });
 };
 exports.Tooltip = Tooltip;

package/dist/utils/localization/languageProvider.js

@@ -12,8 +12,11 @@ const LanguageProvider = ({ language, children }) => {
     const validLanguage = (0, getSupportedLanguage_1.getSupportedLanguage)(language);
     const direction = (0, getTextDirection_1.getTextDirection)(validLanguage);
     (0, react_1.useEffect)(() => {
-        zen_1.zen.document && (zen_1.zen.document.documentElement.dir = direction);
-    }, [direction]);
+        if (zen_1.zen.document) {
+            zen_1.zen.document.documentElement.dir = direction;
+            zen_1.zen.document.documentElement.lang = validLanguage;
+        }
+    }, [direction, validLanguage]);
     return ((0, jsx_runtime_1.jsx)(languageContext_1.languageContext.Provider, { value: validLanguage, children: (0, jsx_runtime_1.jsx)(directionContext_1.directionContext.Provider, { value: direction, children: children }) }));
 };
 exports.LanguageProvider = LanguageProvider;

package/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/utils/localization/translations/ja.json

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

package/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/utils/localization/translations/th.json

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

package/dist/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/dist/utils/localization/translations/zh-Hans.json

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

package/dist/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/esm/card/card.d.ts

@@ -1,7 +1,7 @@
 import React, { FC, FunctionComponent, ReactNode } from "react";
 import { IAbsoluteSize, TContainerSize } from "../cardContainer/cardContainer";
 import { TCardStatus } from "./components/status";
-import { TIconType } from "../title/title";
+import { TIconType } from "./components/title";
 import { IActions } from "./components/actions";
 import { IContent } from "./components/content";
 import "./card.less";

package/esm/card/card.js

@@ -5,7 +5,7 @@ import { CardContainer } from "../cardContainer/cardContainer";
 import { DeviceType } from "../commonHelpers/hooks/deviceType";
 import { useDeviceType } from "../commonHelpers/hooks/useDeviceType";
 import { Status } from "./components/status";
-import { Title } from "../title/title";
+import { Title } from "./components/title";
 import { Actions } from "./components/actions";
 import { Content } from "./components/content";
 import { useCardSize } from "./hooks/useCardSize";

package/esm/{title → card/components}/title.d.ts

@@ -1,6 +1,6 @@
 import { FunctionComponent } from "react";
 import "./title.less";
-import { IIcon } from "../icons/icon";
+import { IIcon } from "../../icons/icon";
 export type TIconType = "info" | "warning" | "error" | "success" | "default";
 interface ITitle {
     isMobile: boolean;

package/esm/card/components/title.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createElement, useMemo } from "react";
+import { classNames } from "../../commonHelpers/classNames/classNames";
+import { useDriveClassName } from "../../utils/theme/useDriveClassName";
+import { useDrive } from "../../utils/theme/useDrive";
+import { IconChevronRightSmall } from "../../icons/iconChevronRightSmall";
+export const Title = ({ isMobile, link, target, title, id, icon, iconType, className = "", onClick }) => {
+    const driveClassNames = useDriveClassName("zen-card-title");
+    const isDrive = useDrive();
+    const iconClassName = iconType ? `zen-card-title__icon--${iconType}` : "";
+    const iconSize = useMemo(() => (isDrive ? "huge" : "large"), [isDrive]);
+    const iconElement = useMemo(() => (icon ? _jsx("div", { 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 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] })] }));
+    }
+    if (link) {
+        return (_jsxs("a", { id: id, className: titleClasses, href: link, target: target, children: [iconElement, _jsxs("span", { title: title, className: classNames(["zen-card-title__link-text"]), children: [title, chevron] })] }));
+    }
+    return (_jsxs("div", { className: titleClasses, children: [iconElement, _jsx("span", { title: title, id: id, className: classNames(["zen-card-title__text", isMobile && !isDrive ? "zen-card-title__text--mobile" : "", className]), children: title })] }));
+};

package/esm/card/helpers/getIconTypeFromStatus.d.ts

@@ -1,3 +1,3 @@
 import { TCardStatus } from "../components/status";
-import { TIconType } from "../../title/title";
+import { TIconType } from "../components/title";
 export declare const getIconTypeFromStatus: (status: TCardStatus) => TIconType | undefined;

package/esm/chart/pieChart/centerTextPlugin.js

@@ -3,7 +3,6 @@ const getCssVar = (el, name) => { var _a, _b; return (_b = (_a = zen.getComputed
 export const centerTextPlugin = (centerText) => ({
     id: "zenithPieCenterText",
     afterDraw(chart) {
-        var _a;
         if (!centerText || centerText.value === undefined) {
             return;
         }
@@ -12,18 +11,25 @@ export const centerTextPlugin = (centerText) => ({
         const centerX = left + width / 2;
         const centerY = top + height / 2;
         const css = (name) => getCssVar(chart.canvas, name);
-        const fontFamily = ((_a = zen.getComputedStyle) === null || _a === void 0 ? void 0 : _a.call(zen, chart.canvas).fontFamily) || "Roboto";
+        const fontFamily = css("--main-font");
         const hasLabel = !!centerText.label;
-        const valueY = hasLabel ? centerY - 14 : centerY;
+        const meta = chart.getDatasetMeta(0);
+        const controllerRadius = meta.controller.innerRadius;
+        const innerRadius = typeof controllerRadius === "number" && controllerRadius > 0 ? controllerRadius : Math.min(width, height) * 0.325;
+        const maxValueFont = parseFloat(css("--pie-center-value-font-size")) || 28;
+        const maxLabelFont = parseFloat(css("--pie-center-label-font-size")) || 14;
+        const valueFontSize = Math.max(10, Math.min(maxValueFont, innerRadius * 0.45));
+        const labelFontSize = Math.max(8, Math.min(maxLabelFont, innerRadius * 0.22));
+        const valueY = hasLabel ? centerY - valueFontSize * 0.5 : centerY;
         ctx.textAlign = "center";
         ctx.textBaseline = "middle";
-        ctx.font = `${css("--pie-center-value-font-weight")} ${css("--pie-center-value-font-size")} ${fontFamily}`;
+        ctx.font = `${css("--pie-center-value-font-weight")} ${valueFontSize}px ${fontFamily}`;
         ctx.fillStyle = css("--text-primary");
         ctx.fillText(String(centerText.value), centerX, valueY);
         if (hasLabel) {
-            ctx.font = `${css("--pie-center-label-font-weight")} ${css("--pie-center-label-font-size")} ${fontFamily}`;
+            ctx.font = `${css("--pie-center-label-font-weight")} ${labelFontSize}px ${fontFamily}`;
             ctx.fillStyle = css("--text-secondary");
-            ctx.fillText(String(centerText.label), centerX, centerY + 16);
+            ctx.fillText(String(centerText.label), centerX, centerY + labelFontSize * 1.1);
         }
         ctx.restore();
     }

package/esm/chart/pieChart.js

@@ -10,11 +10,12 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext, useEffect, useId, useMemo } from "react";
+import { useCallback, useContext, useEffect, useId, useMemo, useRef } from "react";
 import { Pie } from "../react-chartjs/typedCharts";
 import { Chart as ChartJS, PieController, ArcElement } from "chart.js/auto";
 import "../react-chartjs/dateAdapter";
 import { deepMerge } from "../commonHelpers/utils";
+import { zen } from "../utils/zen";
 import { useDrive } from "../utils/theme/useDrive";
 import { useMobile } from "../commonHelpers/hooks/useMobile";
 import { themeContext } from "../utils/theme/themeContext";
@@ -40,16 +41,31 @@ export const PieChart = (_a) => {
     const { dark } = useContext(themeContext);
     const legendId = useId();
     const tooltipId = useId();
+    const containerRef = useRef(null);
     useEffect(() => {
+        var _a;
+        const el = containerRef.current;
+        const styles = el ? (_a = zen.getComputedStyle) === null || _a === void 0 ? void 0 : _a.call(zen, el) : undefined;
+        const fontFamily = (styles === null || styles === void 0 ? void 0 : styles.getPropertyValue("--main-font").trim()) || "Roboto";
+        const color = (styles === null || styles === void 0 ? void 0 : styles.getPropertyValue("--text-primary").trim()) || "";
         ChartJS.defaults.font = {
-            family: "Roboto",
+            family: fontFamily,
             size: fontSize
         };
-        ChartJS.defaults.color = dark ? "#FFFFFF" : "#1F2833";
+        ChartJS.defaults.color = color;
     }, [fontSize, dark]);
     const defOptions = useMemo(() => getDefaultOptions(), []);
     const chartOptions = deepMerge(defOptions, options);
-    const { isHidden, toggleHidden } = useHidden();
+    const { isHidden, toggleHidden: rawToggle } = useHidden();
+    const pieData = data.datasets[0].data;
+    const toggleHidden = useCallback((index) => {
+        if (!isHidden(index)) {
+            const visibleCount = pieData.filter((_, i) => !isHidden(i)).length;
+            if (visibleCount <= 1)
+                return;
+        }
+        rawToggle(index);
+    }, [isHidden, rawToggle, pieData]);
     const chartData = useMemo(() => {
         const chData = Object.assign({}, data);
         chData.datasets = chData.datasets.map(ds => getDefaultDatasetStyle(ds));
@@ -79,5 +95,5 @@ export const PieChart = (_a) => {
     const chartPlugins = useMemo(() => [...(plugins || []), chartLegend, chartTooltip, chartCenterText], [chartLegend, chartTooltip, chartCenterText, plugins]);
     const intSummary = useSummary(summary, chartData);
     const legendRight = isHorizontal;
-    return (_jsxs("div", { className: classNames(["zen-chart", legendRight ? "zen-chart--legend-right" : "", className || ""]), children: [insight ? _jsx(ChartInsight, Object.assign({}, insight)) : null, summary ? _jsx(Summary, Object.assign({}, intSummary)) : null, _jsx("div", { className: "zen-chart__chart", children: _jsx(Pie, Object.assign({ options: chartOptions, data: chartData, plugins: chartPlugins }, rest, { "aria-hidden": true })) }), _jsx("div", { className: "zen-chart__legend", id: legendId }), _jsx(AccessibleChart, { type: "pie", data: chartData })] }));
+    return (_jsxs("div", { ref: containerRef, className: classNames(["zen-chart", legendRight ? "zen-chart--legend-right" : "", className || ""]), children: [insight ? _jsx(ChartInsight, Object.assign({}, insight)) : null, summary ? _jsx(Summary, Object.assign({}, intSummary)) : null, _jsx("div", { className: "zen-chart__chart", children: _jsx(Pie, Object.assign({ options: chartOptions, data: chartData, plugins: chartPlugins }, rest, { "aria-hidden": true })) }), _jsx("div", { className: "zen-chart__legend", id: legendId }), _jsx(AccessibleChart, { type: "pie", data: chartData })] }));
 };

package/esm/commonHelpers/hooks/useDeviceType.js

@@ -1,4 +1,5 @@
-import { useContext, useLayoutEffect, useMemo, useState } from "react";
+import { useContext, useMemo, useState } from "react";
+import { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect";
 import { useResize } from "./useResize";
 import { DeviceType } from "./deviceType";
 import { topWindowContext } from "../../utils/topWindow/topWindowContext";
@@ -21,7 +22,7 @@ export const useDeviceType = (callback) => {
     useResize(() => {
         setDeviceType(getDeviceType(win.innerWidth));
     }, true);
-    useLayoutEffect(() => {
+    useIsomorphicLayoutEffect(() => {
         callback(deviceType);
     }, [deviceType, callback]);
 };

package/esm/commonHelpers/hooks/useIsomorphicLayoutEffect.d.ts

@@ -0,0 +1,2 @@
+import { useEffect } from "react";
+export declare const useIsomorphicLayoutEffect: typeof useEffect;

package/esm/commonHelpers/hooks/useIsomorphicLayoutEffect.js

@@ -0,0 +1,3 @@
+import { useEffect, useLayoutEffect } from "react";
+import { isDomEnv } from "../isDomEnv";
+export const useIsomorphicLayoutEffect = isDomEnv() ? useLayoutEffect : useEffect;