@geotab/zenith 3.12.3 → 3.13.0-beta.1

package/dist/filtersBar/filtersBarSidePanel/filtersBarSidePanel.js

@@ -24,33 +24,33 @@ const textIconButton_2 = require("../../textIconButton/textIconButton");
 const button_1 = require("../../button/button");
 const useMobile_1 = require("../../commonHelpers/hooks/useMobile");
 const sidePanelReducer_1 = require("./sidePanelReducer");
-injectString("cs", "Reset All", "Obnovit v\u0161e");
-injectString("da-DK", "Reset All", "Nulstil alle");
-injectString("de", "Reset All", "Alles zur\xFCcksetzen");
-injectString("en", "Reset All", "Reset all");
-injectString("es", "Reset All", "Restablecer todo");
-injectString("fi-FI", "Reset All", "Palauta kaikki");
-injectString("fr", "Reset All", "R\xE9initialiser tout");
-injectString("fr-FR", "Reset All", "R\xE9initialiser tout");
-injectString("hu-HU", "Reset All", "\xC1ll\xEDtsd vissza mindet.");
-injectString("id", "Reset All", "Atur ulang semua");
-injectString("it", "Reset All", "Ripristinare tutto");
-injectString("ja", "Reset All", "\u3059\u3079\u3066\u30EA\u30BB\u30C3\u30C8");
-injectString("ko-KR", "Reset All", "\uC804\uCCB4 \uC7AC\uC124\uC815");
-injectString("ms", "Reset All", "Tetapkan semula semua");
-injectString("nb-NO", "Reset All", "Tilbakestill alt");
-injectString("nl", "Reset All", "Alles resetten");
-injectString("pl", "Reset All", "Resetuj wszystko");
-injectString("pt-BR", "Reset All", "Redefinir tudo");
-injectString("pt-PT", "Reset All", "Redefinir tudo");
-injectString("sk-SK", "Reset All", "Vynulova\u0165 v\u0161etko");
-injectString("sv", "Reset All", "\xC5terst\xE4ll alla");
-injectString("th", "Reset All", "\u0E23\u0E35\u0E40\u0E0B\u0E47\u0E15\u0E17\u0E31\u0E49\u0E07\u0E2B\u0E21\u0E14");
-injectString("tr", "Reset All", "T\xFCm\xFCn\xFC s\u0131f\u0131rla");
-injectString("zh-Hans", "Reset All", "\u5168\u90E8\u91CD\u7F6E");
-injectString("zh-TW", "Reset All", "\u5168\u90E8\u91CD\u8A2D");
-injectString("ro-RO", "Reset All", "Reseta\u021Bi tot");
-injectString("ar", "Reset All", "\u0625\u0639\u0627\u062F\u0629 \u062A\u0639\u064A\u064A\u0646 \u0627\u0644\u0643\u0644");
+injectString("cs", "Reset all", "Obnovit v\u0161e");
+injectString("da-DK", "Reset all", "Nulstil alle");
+injectString("de", "Reset all", "Alles zur\xFCcksetzen");
+injectString("en", "Reset all", "Reset all");
+injectString("es", "Reset all", "Restablecer todo");
+injectString("fi-FI", "Reset all", "Palauta kaikki");
+injectString("fr", "Reset all", "R\xE9initialiser tout");
+injectString("fr-FR", "Reset all", "R\xE9initialiser tout");
+injectString("hu-HU", "Reset all", "\xC1ll\xEDtsd vissza mindet.");
+injectString("id", "Reset all", "Atur ulang semua");
+injectString("it", "Reset all", "Ripristinare tutto");
+injectString("ja", "Reset all", "\u3059\u3079\u3066\u30EA\u30BB\u30C3\u30C8");
+injectString("ko-KR", "Reset all", "\uC804\uCCB4 \uC7AC\uC124\uC815");
+injectString("ms", "Reset all", "Tetapkan semula semua");
+injectString("nb-NO", "Reset all", "Tilbakestill alt");
+injectString("nl", "Reset all", "Alles resetten");
+injectString("pl", "Reset all", "Resetuj wszystko");
+injectString("pt-BR", "Reset all", "Redefinir tudo");
+injectString("pt-PT", "Reset all", "Redefinir tudo");
+injectString("sk-SK", "Reset all", "Vynulova\u0165 v\u0161etko");
+injectString("sv", "Reset all", "\xC5terst\xE4ll alla");
+injectString("th", "Reset all", "\u0E23\u0E35\u0E40\u0E0B\u0E47\u0E15\u0E17\u0E31\u0E49\u0E07\u0E2B\u0E21\u0E14");
+injectString("tr", "Reset all", "T\xFCm\xFCn\xFC s\u0131f\u0131rla");
+injectString("zh-Hans", "Reset all", "\u5168\u90E8\u91CD\u7F6E");
+injectString("zh-TW", "Reset all", "\u5168\u90E8\u91CD\u8A2D");
+injectString("ro-RO", "Reset all", "Reseta\u021Bi tot");
+injectString("ar", "Reset all", "\u0625\u0639\u0627\u062F\u0629 \u062A\u0639\u064A\u064A\u0646 \u0627\u0644\u0643\u0644");
 injectString("cs", "Cancel", "Zru\u0161it");
 injectString("da-DK", "Cancel", "Annuller");
 injectString("de", "Cancel", "Abbrechen");
@@ -192,7 +192,7 @@ const FiltersBarSidePanel = ({
   const {
     translate
   } = (0, useLanguage_1.useLanguage)();
-  const isLongTextLanguages = (0, react_1.useMemo)(() => `${translate("Reset All")}${translate("Cancel")}${translate("Apply")}`.length > 31, [translate]);
+  const isLongTextLanguages = (0, react_1.useMemo)(() => `${translate("Reset all")}${translate("Cancel")}${translate("Apply")}`.length > 31, [translate]);
   const dataShieldId = (0, useUniqueId_1.useUniqueId)();
   const isMobile = (0, useMobile_1.useMobile)();
   const {
@@ -365,7 +365,7 @@ const FiltersBarSidePanel = ({
             className: "zen-side-panel-filters-bar__clear-button",
             onClick: onResetFilters,
             type: "tertiary",
-            children: translate("Reset All")
+            children: translate("Reset all")
           })]
         }) : (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, {
           children: [(0, jsx_runtime_1.jsx)("div", {
@@ -374,7 +374,7 @@ const FiltersBarSidePanel = ({
               type: "tertiary",
               className: "zen-side-panel-filters-bar__clear-button",
               onClick: onResetFilters,
-              children: translate("Reset All")
+              children: translate("Reset all")
             })
           }), (0, jsx_runtime_1.jsxs)("div", {
             className: "zen-side-panel-filters-bar__footer-section",
@@ -409,4 +409,4 @@ const FiltersBarSidePanel = ({
 exports.FiltersBarSidePanel = FiltersBarSidePanel;
 const FiltersBarSidePanelContainer = _ => (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
 exports.FiltersBarSidePanelContainer = FiltersBarSidePanelContainer;
-exports.TRANSLATIONS = ["Apply", "Clear", "Reset All", "Close", "Cancel"];
+exports.TRANSLATIONS = ["Apply", "Clear", "Reset all", "Close", "Cancel"];

package/dist/filtersBar/filtersContainer/filtersContainer.js

@@ -16,6 +16,7 @@ const iconChevronLeft_1 = require("../../icons/iconChevronLeft");
 const useDirectionalIcon_1 = require("../../utils/localization/useDirectionalIcon");
 const useLanguage_1 = require("../../utils/localization/useLanguage");
 const useDriveClassName_1 = require("../../utils/theme/useDriveClassName");
+const useIsRTL_1 = require("../../utils/localization/useIsRTL");
 const zen_1 = require("../../utils/zen");
 injectString("cs", "Scroll to start", "P\u0159ej\xEDt na za\u010D\xE1tek");
 injectString("da-DK", "Scroll to start", "Rul til start");
@@ -69,13 +70,22 @@ injectString("tr", "Scroll to end", "Sona kayd\u0131r");
 injectString("zh-Hans", "Scroll to end", "\u6EDA\u52A8\u81F3\u672B\u5C3E");
 injectString("zh-TW", "Scroll to end", "\u6372\u52D5\u81F3\u7D50\u5C3E\u8655");
 injectString("ro-RO", "Scroll to end", "Derulare la sf\xE2r\u0219it");
-const getScrollButtonType = element => {
+const getScrollButtonType = (element, isRTL) => {
   const scrollLeft = element.scrollLeft;
   const scrollWidth = element.scrollWidth;
   const clientWidth = element.clientWidth;
   if (scrollLeft === 0 && scrollWidth === clientWidth) {
     return "";
   }
+  if (isRTL) {
+    if (scrollLeft < -1 && scrollLeft > clientWidth - scrollWidth + 1) {
+      return "both";
+    }
+    if (scrollLeft >= -1) {
+      return "start";
+    }
+    return "end";
+  }
   if (scrollLeft > 0 && scrollWidth > clientWidth + scrollLeft + 1) {
     return "both";
   }
@@ -95,6 +105,7 @@ const FiltersContainer = ({
   } = (0, useLanguage_1.useLanguage)();
   const ScrollStartIcon = (0, useDirectionalIcon_1.useDirectionalIcon)(iconChevronLeft_1.IconChevronLeft, iconChevronRight_1.IconChevronRight);
   const ScrollEndIcon = (0, useDirectionalIcon_1.useDirectionalIcon)(iconChevronRight_1.IconChevronRight, iconChevronLeft_1.IconChevronLeft);
+  const isRTL = (0, useIsRTL_1.useIsRTL)();
   const gradientClass = "zen-filters-toolbar__gradient";
   const scrollerClass = "zen-filters-toolbar__scroller";
   const driveClassNameScroller = (0, useDriveClassName_1.useDriveClassName)(scrollerClass);
@@ -121,7 +132,7 @@ const FiltersContainer = ({
       if (scrollableElt) {
         timer && ((_a = zen_1.zen.clearTimeout) === null || _a === void 0 ? void 0 : _a.call(zen_1.zen, timer));
         timer = (_b = zen_1.zen.setTimeout) === null || _b === void 0 ? void 0 : _b.call(zen_1.zen, () => {
-          setScrollButtonType(getScrollButtonType(scrollableElt));
+          setScrollButtonType(getScrollButtonType(scrollableElt, isRTL));
         }, 200);
       }
     };
@@ -135,12 +146,12 @@ const FiltersContainer = ({
       scrollableElement.removeEventListener("scroll", resizeHandler);
       (_b = zen_1.zen.removeEventListener) === null || _b === void 0 ? void 0 : _b.call(zen_1.zen, "resize", resizeHandler);
     };
-  }, [scrollableRef]);
+  }, [scrollableRef, isRTL]);
   (0, react_1.useEffect)(() => {
     if (scrollableRef.current) {
-      setScrollButtonType(getScrollButtonType(scrollableRef.current));
+      setScrollButtonType(getScrollButtonType(scrollableRef.current, isRTL));
     }
-  }, [scrollableRef, children]);
+  }, [scrollableRef, children, isRTL]);
   (0, react_1.useEffect)(() => {
     var _a, _b, _c, _d;
     if (showLeft) {

package/dist/header/components/collapsedItemsControl/collapsedItemsControl.js

@@ -127,7 +127,7 @@ const PageToolbarCollapsedItemsControl = ({
   return items.length ? (0, jsx_runtime_1.jsx)(menu_1.Menu, {
     title: translate("More"),
     trigger: adjustmentButton,
-    alignment: "bottom-right",
+    alignment: "bottom-end",
     children: items
   }) : null;
 };

package/dist/header/header.js

@@ -285,7 +285,7 @@ const Header = ({ children, className, onFiltersBarOpen
     if (!isClientReady) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsx)(headerContext_1.HeaderMenuProvider, { alignment: "left-top", children: (0, jsx_runtime_1.jsx)(collapsedItemsControl_1.HeaderCustomContent.Provider, { value: { content, setContent }, children: (0, jsx_runtime_1.jsx)(filtersBarProvider_1.FiltersBarContextProvider, { value: { setFiltersBarToggleAllFiltersFn, onUpdateNumberOfChangedFiltersFn: setNumberOfChangedFilters }, children: (0, jsx_runtime_1.jsx)(filtersBarProviderSearch_1.SearchContextProvider, { value: { setSearchComponent: handleSearchChange }, children: (0, jsx_runtime_1.jsx)(filtersBarProviderTrigger_1.TriggerContextProvider, { value: { triggerComponent: mobileFilterTrigger }, children: (0, jsx_runtime_1.jsxs)("div", { className: fullClassName, ref: headerRef, children: [mainLineContainer, newLineContainer, tabs ? ((0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)([
+    return ((0, jsx_runtime_1.jsx)(headerContext_1.HeaderMenuProvider, { alignment: "start-top", children: (0, jsx_runtime_1.jsx)(collapsedItemsControl_1.HeaderCustomContent.Provider, { value: { content, setContent }, children: (0, jsx_runtime_1.jsx)(filtersBarProvider_1.FiltersBarContextProvider, { value: { setFiltersBarToggleAllFiltersFn, onUpdateNumberOfChangedFiltersFn: setNumberOfChangedFilters }, children: (0, jsx_runtime_1.jsx)(filtersBarProviderSearch_1.SearchContextProvider, { value: { setSearchComponent: handleSearchChange }, children: (0, jsx_runtime_1.jsx)(filtersBarProviderTrigger_1.TriggerContextProvider, { value: { triggerComponent: mobileFilterTrigger }, children: (0, jsx_runtime_1.jsxs)("div", { className: fullClassName, ref: headerRef, children: [mainLineContainer, newLineContainer, tabs ? ((0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)([
                                         "zen-main-header__tabs",
                                         "zen-main-header--border",
                                         isMobile ? "zen-main-header__tabs--mobile" : "",

package/dist/header/headerMenu.js

@@ -24,7 +24,7 @@ const useDrive_1 = require("../utils/theme/useDrive");
 const useDriveClassName_1 = require("../utils/theme/useDriveClassName");
 exports.HeaderMenuDisplayName = "HeaderMenu";
 const HeaderMenu = (_a) => {
-    var { name, children, icon, iconSize = "large", className = "", important, alignment = "bottom-right", inContextMenu, onlyIcon } = _a, restProps = __rest(_a, ["name", "children", "icon", "iconSize", "className", "important", "alignment", "inContextMenu", "onlyIcon"]);
+    var { name, children, icon, iconSize = "large", className = "", important, alignment = "bottom-end", inContextMenu, onlyIcon } = _a, restProps = __rest(_a, ["name", "children", "icon", "iconSize", "className", "important", "alignment", "inContextMenu", "onlyIcon"]);
     const isMobile = (0, useMobile_1.useMobile)();
     const isDrive = (0, useDrive_1.useDrive)();
     const driveClassName = (0, useDriveClassName_1.useDriveClassName)("zen-header-button-with-dropdown");