@geotab/zenith 3.1.1-beta.6 → 3.2.0-beta.1

package/dist/dataGrid/withSortableColumns/columns/sortableColumnWrapper.js

@@ -1,7 +1,61 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+
+const {
+  injectString
+} = require("../../../utils/localization/translationsDictionary");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.SortableColumnWrapper = exports.SortableHeaderCell = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+injectString("cs", "Sort by {COLUMN_NAME} descending", "Se\u0159adit sestupn\u011B podle {COLUMN_NAME}");
+injectString("da-DK", "Sort by {COLUMN_NAME} descending", "Sorter efter {COLUMN_NAME} faldende");
+injectString("de", "Sort by {COLUMN_NAME} descending", "Absteigend nach {COLUMN_NAME} sortieren");
+injectString("en", "Sort by {COLUMN_NAME} descending", "Sort by {COLUMN_NAME} descending");
+injectString("es", "Sort by {COLUMN_NAME} descending", "Ordenar por {COLUMN_NAME} de manera descendente");
+injectString("fi-FI", "Sort by {COLUMN_NAME} descending", "J\xE4rjest\xE4 {COLUMN_NAME} laskevasti");
+injectString("fr", "Sort by {COLUMN_NAME} descending", "Trier par {COLUMN_NAME} en ordre d\xE9croissant");
+injectString("fr-FR", "Sort by {COLUMN_NAME} descending", "Trier par {COLUMN_NAME} d\xE9croissant");
+injectString("hu-HU", "Sort by {COLUMN_NAME} descending", "Rendezd cs\xF6kken\u0151 sorrendben a(z) {COLUMN_NAME} alapj\xE1n.");
+injectString("id", "Sort by {COLUMN_NAME} descending", "Urutkan menurut {COLUMN_NAME} ke bawah");
+injectString("it", "Sort by {COLUMN_NAME} descending", "Consente di ordinare per {COLUMN_NAME} in ordine decrescente");
+injectString("ja", "Sort by {COLUMN_NAME} descending", "{COLUMN_NAME} \u3092\u964D\u9806\u3067\u30BD\u30FC\u30C8");
+injectString("ko-KR", "Sort by {COLUMN_NAME} descending", "{COLUMN_NAME} \uC5F4\uC744 \uB0B4\uB9BC\uCC28\uC21C\uC73C\uB85C \uC815\uB82C");
+injectString("ms", "Sort by {COLUMN_NAME} descending", "Isih mengikut {COLUMN_NAME} secara menurun");
+injectString("nb-NO", "Sort by {COLUMN_NAME} descending", "Sorter etter {COLUMN_NAME} fallende");
+injectString("nl", "Sort by {COLUMN_NAME} descending", "Sorteren op {COLUMN_NAME}, aflopend");
+injectString("pl", "Sort by {COLUMN_NAME} descending", "Sortuj wed\u0142ug {COLUMN_NAME} malej\u0105co");
+injectString("pt-BR", "Sort by {COLUMN_NAME} descending", "Classificar por {COLUMN_NAME} em ordem descendente");
+injectString("sk-SK", "Sort by {COLUMN_NAME} descending", "Zoradi\u0165 pod\u013Ea {COLUMN_NAME} zostupne");
+injectString("sv", "Sort by {COLUMN_NAME} descending", "Sortera efter {COLUMN_NAME} i fallande ordning");
+injectString("th", "Sort by {COLUMN_NAME} descending", "\u0E40\u0E23\u0E35\u0E22\u0E07\u0E15\u0E32\u0E21 {COLUMN_NAME} \u0E08\u0E32\u0E01\u0E21\u0E32\u0E01\u0E44\u0E1B\u0E2B\u0E32\u0E19\u0E49\u0E2D\u0E22");
+injectString("tr", "Sort by {COLUMN_NAME} descending", "{COLUMN_NAME} s\xFCtununa g\xF6re azalan s\u0131rada g\xF6ster");
+injectString("zh-Hans", "Sort by {COLUMN_NAME} descending", "\u6309 {COLUMN_NAME} \u964D\u5E8F\u6392\u5E8F");
+injectString("zh-TW", "Sort by {COLUMN_NAME} descending", "\u4F9D\u300C{COLUMN_NAME}\u300D\u905E\u6E1B\u6392\u5E8F");
+injectString("cs", "Sort by {COLUMN_NAME} ascending", "Se\u0159adit vzestupn\u011B podle {COLUMN_NAME}");
+injectString("da-DK", "Sort by {COLUMN_NAME} ascending", "Sorter efter {COLUMN_NAME} stigende");
+injectString("de", "Sort by {COLUMN_NAME} ascending", "Aufsteigend nach {COLUMN_NAME} sortieren");
+injectString("en", "Sort by {COLUMN_NAME} ascending", "Sort by {COLUMN_NAME} ascending");
+injectString("es", "Sort by {COLUMN_NAME} ascending", "Ordenar por {COLUMN_NAME} de manera ascendente");
+injectString("fi-FI", "Sort by {COLUMN_NAME} ascending", "J\xE4rjest\xE4 {COLUMN_NAME} nousevasti");
+injectString("fr", "Sort by {COLUMN_NAME} ascending", "Trier par {COLUMN_NAME} en ordre croissant");
+injectString("fr-FR", "Sort by {COLUMN_NAME} ascending", "Trier par {COLUMN_NAME} croissant");
+injectString("hu-HU", "Sort by {COLUMN_NAME} ascending", "Rendezd n\xF6vekv\u0151 sorrendben a(z) {COLUMN_NAME} szerint.");
+injectString("id", "Sort by {COLUMN_NAME} ascending", "Urutkan menurut {COLUMN_NAME} ke atas");
+injectString("it", "Sort by {COLUMN_NAME} ascending", "Consente di ordinare per {COLUMN_NAME} in ordine crescente");
+injectString("ja", "Sort by {COLUMN_NAME} ascending", "{COLUMN_NAME} \u3092\u6607\u9806\u3067\u30BD\u30FC\u30C8");
+injectString("ko-KR", "Sort by {COLUMN_NAME} ascending", "{COLUMN_NAME} \uC5F4\uC744 \uC624\uB984\uCC28\uC21C\uC73C\uB85C \uC815\uB82C");
+injectString("ms", "Sort by {COLUMN_NAME} ascending", "Isih mengikut {COLUMN_NAME} secara menaik");
+injectString("nb-NO", "Sort by {COLUMN_NAME} ascending", "Sorter etter {COLUMN_NAME} stigende");
+injectString("nl", "Sort by {COLUMN_NAME} ascending", "Sorteren op {COLUMN_NAME}, oplopend");
+injectString("pl", "Sort by {COLUMN_NAME} ascending", "Sortuj wed\u0142ug {COLUMN_NAME} rosn\u0105co");
+injectString("pt-BR", "Sort by {COLUMN_NAME} ascending", "Classificar por {COLUMN_NAME} em ordem ascendente");
+injectString("sk-SK", "Sort by {COLUMN_NAME} ascending", "Zoradi\u0165 pod\u013Ea {COLUMN_NAME} vzostupne");
+injectString("sv", "Sort by {COLUMN_NAME} ascending", "Sortera efter {COLUMN_NAME} i stigande ordning");
+injectString("th", "Sort by {COLUMN_NAME} ascending", "\u0E40\u0E23\u0E35\u0E22\u0E07\u0E15\u0E32\u0E21 {COLUMN_NAME} \u0E08\u0E32\u0E01\u0E19\u0E49\u0E2D\u0E22\u0E44\u0E1B\u0E2B\u0E32\u0E21\u0E32\u0E01");
+injectString("tr", "Sort by {COLUMN_NAME} ascending", "{COLUMN_NAME} s\xFCtununa g\xF6re artan s\u0131rada g\xF6ster");
+injectString("zh-Hans", "Sort by {COLUMN_NAME} ascending", "\u6309 {COLUMN_NAME} \u5347\u5E8F\u6392\u5E8F");
+injectString("zh-TW", "Sort by {COLUMN_NAME} ascending", "\u4F9D\u300C{COLUMN_NAME}\u300D\u905E\u589E\u6392\u5E8F");
 const react_1 = require("react");
 const classNames_1 = require("../../../commonHelpers/classNames/classNames");
 const textIconButton_1 = require("../../../textIconButton/textIconButton");
@@ -11,106 +65,135 @@ const useLanguage_1 = require("../../../utils/localization/useLanguage");
 const iconFilter3Desc_1 = require("../../../icons/iconFilter3Desc");
 const iconFilter3Asc_1 = require("../../../icons/iconFilter3Asc");
 const getSortButtonTitle = (sortDirection, title, translate) => {
-    const titleTemplate = sortDirection === columnSortDirection_1.ColumnSortDirection.Descending ? "Sort by {COLUMN_NAME} descending" : "Sort by {COLUMN_NAME} ascending";
-    return translate(titleTemplate).replace("{COLUMN_NAME}", title);
+  const titleTemplate = sortDirection === columnSortDirection_1.ColumnSortDirection.Descending ? translate("Sort by {COLUMN_NAME} descending") : translate("Sort by {COLUMN_NAME} ascending");
+  return titleTemplate.replace("{COLUMN_NAME}", title);
 };
-const SortableHeaderCell = ({ columnName, isSortedBy, sortDirection, title, tooltip, onSortChange, isMobile = false, initialSortDirection = columnSortDirection_1.ColumnSortDirection.Ascending }) => {
-    const { translate } = (0, useLanguage_1.useLanguage)();
-    const [isHovered, setIsHovered] = (0, react_1.useState)(false);
-    const [isFocused, setIsFocused] = (0, react_1.useState)(false);
-    const isActive = isHovered || isFocused;
-    const iconTitleText = (0, react_1.useMemo)(() => {
-        switch (sortDirection) {
-            case columnSortDirection_1.ColumnSortDirection.Ascending: {
-                return columnSortDirection_1.ColumnSortDirection.Descending;
-            }
-            case columnSortDirection_1.ColumnSortDirection.Descending: {
-                return columnSortDirection_1.ColumnSortDirection.Ascending;
-            }
-            case undefined:
-            default:
-                return initialSortDirection;
+const SortableHeaderCell = ({
+  columnName,
+  isSortedBy,
+  sortDirection,
+  title,
+  tooltip,
+  onSortChange,
+  isMobile = false,
+  initialSortDirection = columnSortDirection_1.ColumnSortDirection.Ascending
+}) => {
+  const {
+    translate
+  } = (0, useLanguage_1.useLanguage)();
+  const [isHovered, setIsHovered] = (0, react_1.useState)(false);
+  const [isFocused, setIsFocused] = (0, react_1.useState)(false);
+  const isActive = isHovered || isFocused;
+  const iconTitleText = (0, react_1.useMemo)(() => {
+    switch (sortDirection) {
+      case columnSortDirection_1.ColumnSortDirection.Ascending:
+        {
+          return columnSortDirection_1.ColumnSortDirection.Descending;
+        }
+      case columnSortDirection_1.ColumnSortDirection.Descending:
+        {
+          return columnSortDirection_1.ColumnSortDirection.Ascending;
+        }
+      case undefined:
+      default:
+        return initialSortDirection;
+    }
+  }, [sortDirection, initialSortDirection]);
+  const iconTitle = getSortButtonTitle(iconTitleText, tooltip, translate);
+  const icon = (0, react_1.useMemo)(() => {
+    switch (sortDirection) {
+      case columnSortDirection_1.ColumnSortDirection.Ascending:
+        {
+          return isActive ? iconFilter3Desc_1.IconFilter3Desc : iconFilter3Asc_1.IconFilter3Asc;
         }
-    }, [sortDirection, initialSortDirection]);
-    const iconTitle = getSortButtonTitle(iconTitleText, tooltip, translate);
-    const icon = (0, react_1.useMemo)(() => {
-        switch (sortDirection) {
-            case columnSortDirection_1.ColumnSortDirection.Ascending: {
-                return isActive ? iconFilter3Desc_1.IconFilter3Desc : iconFilter3Asc_1.IconFilter3Asc;
-            }
-            case columnSortDirection_1.ColumnSortDirection.Descending:
-                return isActive ? iconFilter3Asc_1.IconFilter3Asc : iconFilter3Desc_1.IconFilter3Desc;
-            case undefined:
-            default: {
-                return initialSortDirection === columnSortDirection_1.ColumnSortDirection.Ascending ? iconFilter3Asc_1.IconFilter3Asc : iconFilter3Desc_1.IconFilter3Desc;
-            }
+      case columnSortDirection_1.ColumnSortDirection.Descending:
+        return isActive ? iconFilter3Asc_1.IconFilter3Asc : iconFilter3Desc_1.IconFilter3Desc;
+      case undefined:
+      default:
+        {
+          return initialSortDirection === columnSortDirection_1.ColumnSortDirection.Ascending ? iconFilter3Asc_1.IconFilter3Asc : iconFilter3Desc_1.IconFilter3Desc;
         }
-    }, [sortDirection, isActive, initialSortDirection]);
-    const iconButton = ((0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { className: "zen-sortable-column-button__dir-icon zen-caption__post-icon", icon: icon, iconPosition: isMobile ? textIconButton_1.ButtonIconPosition.Start : textIconButton_1.ButtonIconPosition.End, type: buttonType_1.ButtonType.TertiaryBlack, title: iconTitle }));
-    return ((0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)([
-            "zen-sortable-column",
-            isSortedBy ? `zen-sortable-column--active` : "",
-            isMobile ? `zen-sortable-column--mobile` : ""
-        ]), onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false), children: (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)([
-                "zen-caption",
-                "zen-sortable-column__button",
-                "zen-sortable-column-button",
-                isSortedBy ? `zen-sortable-column-button--active` : "",
-                sortDirection === columnSortDirection_1.ColumnSortDirection.Ascending
-                    ? "zen-sortable-column-button--dir-asc"
-                    : "zen-sortable-column-button--dir-desc"
-            ]), title: iconTitle, "aria-label": iconTitle, onClick: () => {
-                onSortChange({
-                    sortColumn: columnName,
-                    sortDirection: sortDirection === columnSortDirection_1.ColumnSortDirection.None ? initialSortDirection :
-                        sortDirection === columnSortDirection_1.ColumnSortDirection.Ascending
-                            ? columnSortDirection_1.ColumnSortDirection.Descending
-                            : columnSortDirection_1.ColumnSortDirection.Ascending
-                });
-            }, children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isMobile ? iconButton : null, (0, jsx_runtime_1.jsx)("div", { className: "zen-sortable-column-button__content zen-caption__content", children: title }), isMobile ? null : iconButton] }) }) }));
+    }
+  }, [sortDirection, isActive, initialSortDirection]);
+  const iconButton = (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, {
+    className: "zen-sortable-column-button__dir-icon zen-caption__post-icon",
+    icon: icon,
+    iconPosition: isMobile ? textIconButton_1.ButtonIconPosition.Start : textIconButton_1.ButtonIconPosition.End,
+    type: buttonType_1.ButtonType.TertiaryBlack,
+    title: iconTitle
+  });
+  return (0, jsx_runtime_1.jsx)("div", {
+    className: (0, classNames_1.classNames)(["zen-sortable-column", isSortedBy ? `zen-sortable-column--active` : "", isMobile ? `zen-sortable-column--mobile` : ""]),
+    onMouseEnter: () => setIsHovered(true),
+    onMouseLeave: () => setIsHovered(false),
+    onFocus: () => setIsFocused(true),
+    onBlur: () => setIsFocused(false),
+    children: (0, jsx_runtime_1.jsx)("div", {
+      className: (0, classNames_1.classNames)(["zen-caption", "zen-sortable-column__button", "zen-sortable-column-button", isSortedBy ? `zen-sortable-column-button--active` : "", sortDirection === columnSortDirection_1.ColumnSortDirection.Ascending ? "zen-sortable-column-button--dir-asc" : "zen-sortable-column-button--dir-desc"]),
+      title: iconTitle,
+      "aria-label": iconTitle,
+      onClick: () => {
+        onSortChange({
+          sortColumn: columnName,
+          sortDirection: sortDirection === columnSortDirection_1.ColumnSortDirection.None ? initialSortDirection : sortDirection === columnSortDirection_1.ColumnSortDirection.Ascending ? columnSortDirection_1.ColumnSortDirection.Descending : columnSortDirection_1.ColumnSortDirection.Ascending
+        });
+      },
+      children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, {
+        children: [isMobile ? iconButton : null, (0, jsx_runtime_1.jsx)("div", {
+          className: "zen-sortable-column-button__content zen-caption__content",
+          children: title
+        }), isMobile ? null : iconButton]
+      })
+    })
+  });
 };
 exports.SortableHeaderCell = SortableHeaderCell;
 class SortableColumnWrapper {
-    constructor(columnName, options, columnTitle, onSort) {
-        Object.defineProperty(this, "columnName", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: columnName
-        });
-        Object.defineProperty(this, "options", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: options
-        });
-        Object.defineProperty(this, "columnTitle", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: columnTitle
-        });
-        Object.defineProperty(this, "onSort", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: onSort
-        });
-    }
-    renderHeader(title) {
-        return (0, jsx_runtime_1.jsx)(exports.SortableHeaderCell, { columnName: this.columnName, isSortedBy: this.options.isSortedBy === undefined ? false : this.options.isSortedBy, sortDirection: this.options.sortDirection || columnSortDirection_1.ColumnSortDirection.None, title: title, tooltip: this.columnTitle, onSortChange: this.onSort, initialSortDirection: this.options.initialSortDirection });
-    }
-    render(value, _) {
-        return value;
-    }
+  constructor(columnName, options, columnTitle, onSort) {
+    Object.defineProperty(this, "columnName", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: columnName
+    });
+    Object.defineProperty(this, "options", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: options
+    });
+    Object.defineProperty(this, "columnTitle", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: columnTitle
+    });
+    Object.defineProperty(this, "onSort", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: onSort
+    });
+  }
+  renderHeader(title) {
+    return (0, jsx_runtime_1.jsx)(exports.SortableHeaderCell, {
+      columnName: this.columnName,
+      isSortedBy: this.options.isSortedBy === undefined ? false : this.options.isSortedBy,
+      sortDirection: this.options.sortDirection || columnSortDirection_1.ColumnSortDirection.None,
+      title: title,
+      tooltip: this.columnTitle,
+      onSortChange: this.onSort,
+      initialSortDirection: this.options.initialSortDirection
+    });
+  }
+  render(value, _) {
+    return value;
+  }
 }
 exports.SortableColumnWrapper = SortableColumnWrapper;
 Object.defineProperty(SortableColumnWrapper, "translations", {
-    enumerable: true,
-    configurable: true,
-    writable: true,
-    value: [
-        "Sort by {COLUMN_NAME} ascending",
-        "Sort by {COLUMN_NAME} descending"
-    ]
-});
+  enumerable: true,
+  configurable: true,
+  writable: true,
+  value: ["Sort by {COLUMN_NAME} ascending", "Sort by {COLUMN_NAME} descending"]
+});