@geotab/zenith 3.1.1-beta.5 → 3.2.0-beta.0

package/esm/sortControl/sortControl.js

@@ -1,3 +1,4 @@
+import { injectString } from "../utils/localization/translationsDictionary";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useState } from "react";
 import { CheckboxState } from "../checkbox/checkboxState";
@@ -10,50 +11,154 @@ import { useDrive } from "../utils/theme/useDrive";
 import { IconChevronDownSmall } from "../icons/iconChevronDownSmall";
 import { IconFilter3Asc } from "../icons/iconFilter3Asc";
 import { IconFilter3Desc } from "../icons/iconFilter3Desc";
+injectString("cs", "Sort by", "\u0158adit podle");
+injectString("da-DK", "Sort by", "Sorter efter");
+injectString("de", "Sort by", "Sortieren nach");
+injectString("en", "Sort by", "Sort by");
+injectString("es", "Sort by", "Ordenar por");
+injectString("fi-FI", "Sort by", "J\xE4rjest\xE4");
+injectString("fr", "Sort by", "Trier par");
+injectString("fr-FR", "Sort by", "Trier par");
+injectString("hu-HU", "Sort by", "Rendez\xE9s");
+injectString("id", "Sort by", "Urutkan berdasarkan");
+injectString("it", "Sort by", "Ordinare per");
+injectString("ja", "Sort by", "\u3067\u30BD\u30FC\u30C8");
+injectString("ko-KR", "Sort by", "\uC815\uB82C \uAE30\uC900");
+injectString("ms", "Sort by", "Isih mengikut");
+injectString("nb-NO", "Sort by", "Sorter etter");
+injectString("nl", "Sort by", "Sorteren op");
+injectString("pl", "Sort by", "Sortuj wed\u0142ug");
+injectString("pt-BR", "Sort by", "Classificar por");
+injectString("sk-SK", "Sort by", "Zoradi\u0165 pod\u013Ea");
+injectString("sv", "Sort by", "Sortera enligt");
+injectString("th", "Sort by", "\u0E40\u0E23\u0E35\u0E22\u0E07\u0E15\u0E32\u0E21");
+injectString("tr", "Sort by", "S\u0131ralama \xF6l\xE7\xFCt\xFC");
+injectString("zh-Hans", "Sort by", "\u6392\u5E8F\u4F9D\u636E");
+injectString("zh-TW", "Sort by", "\u6392\u5E8F\u4F9D\u64DA");
+injectString("cs", "Change sort direction", "Zm\u011Bnit sm\u011Br \u0159azen\xED");
+injectString("da-DK", "Change sort direction", "Skift sorteringsretning");
+injectString("de", "Change sort direction", "Sortierrichtung \xE4ndern");
+injectString("en", "Change sort direction", "Change sort direction");
+injectString("es", "Change sort direction", "Cambiar direcci\xF3n de orden");
+injectString("fi-FI", "Change sort direction", "Vaihda lajittelusuunta");
+injectString("fr", "Change sort direction", "Modifier la direction de tri");
+injectString("fr-FR", "Change sort direction", "Changer l\u2019ordre de tri");
+injectString("hu-HU", "Change sort direction", "V\xE1ltoztasd meg a rendez\xE9s ir\xE1ny\xE1t.");
+injectString("id", "Change sort direction", "Ubah arah pengurutan");
+injectString("it", "Change sort direction", "Cambia ordinamento");
+injectString("ja", "Change sort direction", "\u30BD\u30FC\u30C8\u65B9\u5411\u3092\u5909\u66F4");
+injectString("ko-KR", "Change sort direction", "\uC815\uB82C \uBC29\uD5A5 \uBCC0\uACBD");
+injectString("ms", "Change sort direction", "Ubah arah isihan");
+injectString("nb-NO", "Change sort direction", "Endre sorteringsretning");
+injectString("nl", "Change sort direction", "Sorteerrichting wijzigen");
+injectString("pl", "Change sort direction", "Zmiana kierunku sortowania");
+injectString("pt-BR", "Change sort direction", "Alterar dire\xE7\xE3o de classifica\xE7\xE3o");
+injectString("sk-SK", "Change sort direction", "Zmeni\u0165 smer triedenia");
+injectString("sv", "Change sort direction", "\xC4ndra sorteringsriktning");
+injectString("th", "Change sort direction", "\u0E40\u0E1B\u0E25\u0E35\u0E48\u0E22\u0E19\u0E17\u0E34\u0E28\u0E17\u0E32\u0E07\u0E01\u0E32\u0E23\u0E40\u0E23\u0E35\u0E22\u0E07");
+injectString("tr", "Change sort direction", "S\u0131ralama y\xF6n\xFCn\xFC de\u011Fi\u015Ftir");
+injectString("zh-Hans", "Change sort direction", "\u66F4\u6539\u6392\u5E8F");
+injectString("zh-TW", "Change sort direction", "\u8B8A\u66F4\u6392\u5E8F\u65B9\u5411");
+injectString("da-DK", "Sort Options", "Sorteringsmuligheder");
+injectString("en", "Sort Options", "Sort Options");
+injectString("fi-FI", "Sort Options", "Lajitteluvaihtoehdot");
+injectString("hu-HU", "Sort Options", "Rendez\xE9si lehet\u0151s\xE9gek");
+injectString("ko-KR", "Sort Options", "\uC815\uB82C \uC635\uC158");
+injectString("nb-NO", "Sort Options", "Sorteringsalternativer");
+injectString("sk-SK", "Sort Options", "Mo\u017Enosti triedenia");
+injectString("zh-TW", "Sort Options", "\u6392\u5E8F\u9078\u9805");
 const MENU_POSITION = "bottom-left";
 const BUTTON_TEXT_DEFAULT = "Sort by";
 export var SortDirections;
 (function (SortDirections) {
-    SortDirections["Ascending"] = "asc";
-    SortDirections["Descending"] = "desc";
+  SortDirections["Ascending"] = "asc";
+  SortDirections["Descending"] = "desc";
 })(SortDirections || (SortDirections = {}));
-export const SortControl = ({ buttonText = BUTTON_TEXT_DEFAULT, id = "", sortBy, onChange, sortDirection = SortDirections.Ascending, directionIcon = true, disabled = false, className = "", items }) => {
-    //allows for the resetting of the popup once a new option has been selected by assigning a random number as a key, changing it when an option is changed
-    const [popupKey, setPopupKey] = useState(Math.random() * (999999999 - 0) + 0);
-    const [isOpen, setIsOpen] = useState(false);
-    const { translate } = useLanguage();
-    const driveComponentClassName = useDriveClassName("zen-sort-container");
-    const isDrive = useDrive();
-    const buttonTextValue = buttonText === BUTTON_TEXT_DEFAULT ? translate(BUTTON_TEXT_DEFAULT) : buttonText;
-    const onOptionsToggle = (isCurrentlyOpen) => {
-        setIsOpen(isCurrentlyOpen);
-    };
-    const onSortDirectionToggle = () => {
-        if (sortDirection === SortDirections.Ascending) {
-            onChange(SortDirections.Descending, sortBy);
-        }
-        else {
-            onChange(SortDirections.Ascending, sortBy);
-        }
-    };
-    const onOptionChange = useCallback((newItemState) => {
-        [...newItemState].forEach(([k, v]) => {
-            if (v === CheckboxState.On) {
-                onChange(sortDirection === SortDirections.Ascending ? SortDirections.Ascending : SortDirections.Descending, k);
-                setPopupKey(Math.random() * (999999999 - 0) + 0);
-            }
-        });
-    }, [onChange, sortDirection]);
-    const isSingleItem = items.length === 1;
-    return _jsxs("div", { id: id, className: classNames(["zen-sort-container", driveComponentClassName || "", className]), children: [_jsxs("button", { type: "button", className: classNames(["zen-sort-container__button", isSingleItem ? "" : "zen-sort-container__button--left-item"]), onClick: () => onSortDirectionToggle(), disabled: disabled, title: translate("Change sort direction"), "aria-label": translate("Change sort direction"), children: [directionIcon
-                        ? sortDirection === SortDirections.Ascending
-                            ? _jsx(IconFilter3Asc, { className: "zen-sort-container__sort-icon", size: isDrive ? "huge" : "large" })
-                            : _jsx(IconFilter3Desc, { className: "zen-sort-container__sort-icon", size: isDrive ? "huge" : "large" }) : _jsx(_Fragment, {}), _jsxs("span", { className: "zen-sort-container__text-block", children: [buttonTextValue && _jsxs("span", { children: [buttonTextValue, ": "] }), _jsx("span", { children: (items.find((item) => item.id === sortBy) || items[0]).children })] })] }), isSingleItem
-                ? ""
-                : _jsx(Popup, { trigger: (_jsx("button", { type: "button", className: "zen-sort-container__button zen-sort-container__button--small zen-sort-container__button--right-item", disabled: disabled, title: translate("Sort by"), children: _jsx(IconChevronDownSmall, { className: isOpen ? "zen-sort-container__arrow-icon--up" : "zen-sort-container__arrow-icon--down", size: isDrive ? "huge" : "large" }) })), alignment: MENU_POSITION, onOpenChange: (isCurrentlyOpen) => onOptionsToggle(isCurrentlyOpen), children: _jsx(SelectList, { id: "sortControlSelectList", title: translate("Sort Options"), onChange: (itemMap) => onOptionChange(itemMap), items: [...items.reduce((acc, obj) => acc.set(obj.id, Object.assign(Object.assign({}, obj), { state: obj.id === sortBy ? CheckboxState.On : CheckboxState.Off })), new Map()).values()] }) }, popupKey)] });
+export const SortControl = ({
+  buttonText = BUTTON_TEXT_DEFAULT,
+  id = "",
+  sortBy,
+  onChange,
+  sortDirection = SortDirections.Ascending,
+  directionIcon = true,
+  disabled = false,
+  className = "",
+  items
+}) => {
+  //allows for the resetting of the popup once a new option has been selected by assigning a random number as a key, changing it when an option is changed
+  const [popupKey, setPopupKey] = useState(Math.random() * (999999999 - 0) + 0);
+  const [isOpen, setIsOpen] = useState(false);
+  const {
+    translate
+  } = useLanguage();
+  const driveComponentClassName = useDriveClassName("zen-sort-container");
+  const isDrive = useDrive();
+  const buttonTextValue = buttonText === BUTTON_TEXT_DEFAULT ? translate("Sort by") : buttonText;
+  const onOptionsToggle = isCurrentlyOpen => {
+    setIsOpen(isCurrentlyOpen);
+  };
+  const onSortDirectionToggle = () => {
+    if (sortDirection === SortDirections.Ascending) {
+      onChange(SortDirections.Descending, sortBy);
+    } else {
+      onChange(SortDirections.Ascending, sortBy);
+    }
+  };
+  const onOptionChange = useCallback(newItemState => {
+    [...newItemState].forEach(([k, v]) => {
+      if (v === CheckboxState.On) {
+        onChange(sortDirection === SortDirections.Ascending ? SortDirections.Ascending : SortDirections.Descending, k);
+        setPopupKey(Math.random() * (999999999 - 0) + 0);
+      }
+    });
+  }, [onChange, sortDirection]);
+  const isSingleItem = items.length === 1;
+  return _jsxs("div", {
+    id: id,
+    className: classNames(["zen-sort-container", driveComponentClassName || "", className]),
+    children: [_jsxs("button", {
+      type: "button",
+      className: classNames(["zen-sort-container__button", isSingleItem ? "" : "zen-sort-container__button--left-item"]),
+      onClick: () => onSortDirectionToggle(),
+      disabled: disabled,
+      title: translate("Change sort direction"),
+      "aria-label": translate("Change sort direction"),
+      children: [directionIcon ? sortDirection === SortDirections.Ascending ? _jsx(IconFilter3Asc, {
+        className: "zen-sort-container__sort-icon",
+        size: isDrive ? "huge" : "large"
+      }) : _jsx(IconFilter3Desc, {
+        className: "zen-sort-container__sort-icon",
+        size: isDrive ? "huge" : "large"
+      }) : _jsx(_Fragment, {}), _jsxs("span", {
+        className: "zen-sort-container__text-block",
+        children: [buttonTextValue && _jsxs("span", {
+          children: [buttonTextValue, ": "]
+        }), _jsx("span", {
+          children: (items.find(item => item.id === sortBy) || items[0]).children
+        })]
+      })]
+    }), isSingleItem ? "" : _jsx(Popup, {
+      trigger: _jsx("button", {
+        type: "button",
+        className: "zen-sort-container__button zen-sort-container__button--small zen-sort-container__button--right-item",
+        disabled: disabled,
+        title: translate("Sort by"),
+        children: _jsx(IconChevronDownSmall, {
+          className: isOpen ? "zen-sort-container__arrow-icon--up" : "zen-sort-container__arrow-icon--down",
+          size: isDrive ? "huge" : "large"
+        })
+      }),
+      alignment: MENU_POSITION,
+      onOpenChange: isCurrentlyOpen => onOptionsToggle(isCurrentlyOpen),
+      children: _jsx(SelectList, {
+        id: "sortControlSelectList",
+        title: translate("Sort Options"),
+        onChange: itemMap => onOptionChange(itemMap),
+        items: [...items.reduce((acc, obj) => acc.set(obj.id, Object.assign(Object.assign({}, obj), {
+          state: obj.id === sortBy ? CheckboxState.On : CheckboxState.Off
+        })), new Map()).values()]
+      })
+    }, popupKey)]
+  });
 };
-export const TRANSLATIONS = [
-    "Sort by",
-    "Sort Options",
-    "Change sort direction"
-];
+export const TRANSLATIONS = ["Sort by", "Sort Options", "Change sort direction"];

package/esm/stepperRaw/stepperRaw.js

@@ -19,46 +19,117 @@ import { useFormFieldValues } from "../commonHelpers/hooks/useFormFieldValues/us
 // according to design
 export const INPUT_DEFAULT_WIDTH = 47;
 export const INPUT_DEFAULT_WIDTH_DRIVE = 56;
-export const StepperRaw = (props) => {
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    const { step = 1, width, readonly = false, isError, placeholder = "", className = "", id, ariaLabel, isReadOnly } = props;
-    const driveComponentClass = useDriveClassName("zen-stepper-field");
-    const driveInputClass = useDriveClassName("zen-text-input");
-    const isDrive = useDrive();
-    const validStep = getValidStep(step);
-    const inputWidth = getValidInputWidth(width || (isDrive ? INPUT_DEFAULT_WIDTH_DRIVE : INPUT_DEFAULT_WIDTH), isDrive);
-    const { onBlur, onChange, name, value = "", min = -Infinity, max = Infinity, maxLength, disabled } = useFormFieldValues(props.controller, props);
-    const isErrorShown = !disabled && !readonly && isError;
-    const validValue = getValidValue(value, min, max);
-    const handleChange = useCallback((e) => {
-        // prevent cases, when user types "-" in the middle of the number, e.g "1-2"
-        if (!e.target.value && e.nativeEvent.data === "-") {
-            return;
-        }
-        if (!e.target.value) {
-            onChange === null || onChange === void 0 ? void 0 : onChange("");
-            return;
-        }
-        const newValue = getValidValue(e.target.value, min, max);
-        newValue.toString() !== value.toString() && (onChange === null || onChange === void 0 ? void 0 : onChange(newValue.toString()));
-    }, [max, min, onChange, value]);
-    const { translate } = useLanguage();
-    const localRef = useRef(null);
-    const currRef = (props.ref || localRef);
-    if (isReadOnly) {
-        return _jsx(ReviewTextControl, { value: String(value) });
+export const StepperRaw = props => {
+  // eslint-disable-next-line @typescript-eslint/naming-convention
+  const {
+    step = 1,
+    width,
+    readonly = false,
+    isError,
+    placeholder = "",
+    className = "",
+    id,
+    ariaLabel,
+    isReadOnly
+  } = props;
+  const driveComponentClass = useDriveClassName("zen-stepper-field");
+  const driveInputClass = useDriveClassName("zen-text-input");
+  const isDrive = useDrive();
+  const validStep = getValidStep(step);
+  const inputWidth = getValidInputWidth(width || (isDrive ? INPUT_DEFAULT_WIDTH_DRIVE : INPUT_DEFAULT_WIDTH), isDrive);
+  const {
+    onBlur,
+    onChange,
+    name,
+    value = "",
+    min = -Infinity,
+    max = Infinity,
+    maxLength,
+    disabled
+  } = useFormFieldValues(props.controller, props);
+  const isErrorShown = !disabled && !readonly && isError;
+  const validValue = getValidValue(value, min, max);
+  const handleChange = useCallback(e => {
+    // prevent cases, when user types "-" in the middle of the number, e.g "1-2"
+    if (!e.target.value && e.nativeEvent.data === "-") {
+      return;
     }
-    return _jsx("div", { className: classNames(["zen-stepper-field", driveComponentClass || "", disabled ? "zen-stepper-field--disabled" : "", className]), children: _jsxs("div", { className: "zen-stepper-field__input-wrapper", children: [_jsx("input", { id: id, ref: currRef, min: min, max: max, value: validValue, onBeforeInput: onBeforeInput, onChange: handleChange, disabled: disabled, type: "number", step: step, className: classNames(["zen-stepper-field__input", "zen-text-input", driveInputClass || "", isErrorShown ? "zen-stepper-field__input--error" : ""]), style: { width: `${inputWidth}px` }, placeholder: placeholder, readOnly: readonly, maxLength: maxLength, "aria-label": ariaLabel, name: name, onBlur: onBlur }), !readonly && _jsxs("div", { className: "zen-stepper-field__controls", style: { left: `${inputWidth - 24}px` }, children: [_jsx(TextIconButton, { icon: IconChevronTopSmall, type: ButtonType.TertiaryBlack, iconPosition: ButtonIconPosition.Start, iconSize: isDrive ? "huge" : "large", className: "zen-stepper-field__control", tabIndex: -1, onClick: () => {
-                                var _a;
-                                currRef.hasOwnProperty("current") && ((_a = currRef.current) === null || _a === void 0 ? void 0 : _a.focus());
-                                onChange === null || onChange === void 0 ? void 0 : onChange(String(getIncreasedValue(validValue, validStep, max)));
-                            }, "aria-label": translate("Increase value") }), _jsx(TextIconButton, { icon: IconChevronDownSmall, type: ButtonType.TertiaryBlack, iconPosition: ButtonIconPosition.Start, iconSize: isDrive ? "huge" : "large", className: "zen-stepper-field__control", tabIndex: -1, onClick: () => {
-                                var _a;
-                                currRef.hasOwnProperty("current") && ((_a = currRef.current) === null || _a === void 0 ? void 0 : _a.focus());
-                                onChange === null || onChange === void 0 ? void 0 : onChange(String(getDecreasedValue(validValue, validStep, min)));
-                            }, "aria-label": translate("Decrease value") })] })] }) });
+    if (!e.target.value) {
+      onChange === null || onChange === void 0 ? void 0 : onChange("");
+      return;
+    }
+    const newValue = getValidValue(e.target.value, min, max);
+    newValue.toString() !== value.toString() && (onChange === null || onChange === void 0 ? void 0 : onChange(newValue.toString()));
+  }, [max, min, onChange, value]);
+  const {
+    translate
+  } = useLanguage();
+  const localRef = useRef(null);
+  const currRef = props.ref || localRef;
+  if (isReadOnly) {
+    return _jsx(ReviewTextControl, {
+      value: String(value)
+    });
+  }
+  return _jsx("div", {
+    className: classNames(["zen-stepper-field", driveComponentClass || "", disabled ? "zen-stepper-field--disabled" : "", className]),
+    children: _jsxs("div", {
+      className: "zen-stepper-field__input-wrapper",
+      children: [_jsx("input", {
+        id: id,
+        ref: currRef,
+        min: min,
+        max: max,
+        value: validValue,
+        onBeforeInput: onBeforeInput,
+        onChange: handleChange,
+        disabled: disabled,
+        type: "number",
+        step: step,
+        className: classNames(["zen-stepper-field__input", "zen-text-input", driveInputClass || "", isErrorShown ? "zen-stepper-field__input--error" : ""]),
+        style: {
+          width: `${inputWidth}px`
+        },
+        placeholder: placeholder,
+        readOnly: readonly,
+        maxLength: maxLength,
+        "aria-label": ariaLabel,
+        name: name,
+        onBlur: onBlur
+      }), !readonly && _jsxs("div", {
+        className: "zen-stepper-field__controls",
+        style: {
+          left: `${inputWidth - 24}px`
+        },
+        children: [_jsx(TextIconButton, {
+          icon: IconChevronTopSmall,
+          type: ButtonType.TertiaryBlack,
+          iconPosition: ButtonIconPosition.Start,
+          iconSize: isDrive ? "huge" : "large",
+          className: "zen-stepper-field__control",
+          tabIndex: -1,
+          onClick: () => {
+            var _a;
+            currRef.hasOwnProperty("current") && ((_a = currRef.current) === null || _a === void 0 ? void 0 : _a.focus());
+            onChange === null || onChange === void 0 ? void 0 : onChange(String(getIncreasedValue(validValue, validStep, max)));
+          },
+          "aria-label": translate("Increase value")
+        }), _jsx(TextIconButton, {
+          icon: IconChevronDownSmall,
+          type: ButtonType.TertiaryBlack,
+          iconPosition: ButtonIconPosition.Start,
+          iconSize: isDrive ? "huge" : "large",
+          className: "zen-stepper-field__control",
+          tabIndex: -1,
+          onClick: () => {
+            var _a;
+            currRef.hasOwnProperty("current") && ((_a = currRef.current) === null || _a === void 0 ? void 0 : _a.focus());
+            onChange === null || onChange === void 0 ? void 0 : onChange(String(getDecreasedValue(validValue, validStep, min)));
+          },
+          "aria-label": translate("Decrease value")
+        })]
+      })]
+    })
+  });
 };
-export const TRANSLATIONS = [
-    "Decrease value",
-    "Increase value"
-];
+export const TRANSLATIONS = ["Decrease value", "Increase value"];

package/esm/storybookHelpers/dataGridWithDifferentCellOptions/components/EntitiesListAction.js

@@ -1,3 +1,4 @@
+import { injectString } from "../../../utils/localization/translationsDictionary";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { IconArchive } from "../../../icons/iconArchive";
 import { IconDelete } from "../../../icons/iconDelete";
@@ -10,25 +11,183 @@ import { FullScreenButton } from "../../../dataGrid/entitiesListActions/actions/
 import { EntitiesListActions } from "../../../dataGrid/entitiesListActions/entitiesListActions";
 import { BulkActions } from "../../../dataGrid/withSelectableRows/components/bulkActions/bulkActions";
 import { useLanguage } from "../../../utils/localization/useLanguage";
-const getMapLink = (selections) => {
-    const pageLink = "/#map";
-    if (selections === null || selections === void 0 ? void 0 : selections.allSelected) {
-        return pageLink;
-    }
-    const ids = (selections === null || selections === void 0 ? void 0 : selections.selected) || [];
-    return `${pageLink},liveVehicleIds:!(${ids.join(",")})`;
+injectString("cs", "View on map", "Zobrazit na map\u011B");
+injectString("da-DK", "View on map", "Se p\xE5 kort");
+injectString("de", "View on map", "Auf der Karte anzeigen");
+injectString("en", "View on map", "View on map");
+injectString("es", "View on map", "Ver en el mapa");
+injectString("fi-FI", "View on map", "N\xE4yt\xE4 kartalla");
+injectString("fr", "View on map", "Afficher sur la carte");
+injectString("fr-FR", "View on map", "Voir sur la carte");
+injectString("hu-HU", "View on map", "N\xE9zd meg a t\xE9rk\xE9pen.");
+injectString("id", "View on map", "Lihat di peta");
+injectString("it", "View on map", "Visualizzare sulla mappa");
+injectString("ja", "View on map", "\u5730\u56F3\u4E0A\u3067\u898B\u308B");
+injectString("ko-KR", "View on map", "\uC9C0\uB3C4\uC5D0\uC11C \uBCF4\uAE30");
+injectString("ms", "View on map", "Lihat pada peta");
+injectString("nb-NO", "View on map", "Se p\xE5 kartet");
+injectString("nl", "View on map", "Weergeven op kaart");
+injectString("pl", "View on map", "Wy\u015Bwietl na mapie");
+injectString("pt-BR", "View on map", "Visualizar no mapa");
+injectString("sk-SK", "View on map", "Zobraz na mape.");
+injectString("sv", "View on map", "Visa p\xE5 karta");
+injectString("th", "View on map", "\u0E14\u0E39\u0E1A\u0E19\u0E41\u0E1C\u0E19\u0E17\u0E35\u0E48");
+injectString("tr", "View on map", "Haritada g\xF6r\xFCnt\xFCle");
+injectString("zh-Hans", "View on map", "\u5728\u5730\u56FE\u4E0A\u67E5\u770B");
+injectString("zh-TW", "View on map", "\u5728\u5730\u5716\u4E0A\u6AA2\u8996");
+injectString("cs", "Edit", "Upravit");
+injectString("da-DK", "Edit", "Rediger");
+injectString("de", "Edit", "Bearbeiten");
+injectString("en", "Edit", "Edit");
+injectString("es", "Edit", "Editar");
+injectString("fi-FI", "Edit", "Muokkaa");
+injectString("fr", "Edit", "Modifier");
+injectString("fr-FR", "Edit", "Modifier");
+injectString("hu-HU", "Edit", "Szerkeszd meg.");
+injectString("id", "Edit", "Edit");
+injectString("it", "Edit", "Modifica");
+injectString("ja", "Edit", "\u7DE8\u96C6");
+injectString("ko-KR", "Edit", "\uD3B8\uC9D1");
+injectString("ms", "Edit", "Edit");
+injectString("nb-NO", "Edit", "Rediger");
+injectString("nl", "Edit", "Bewerken");
+injectString("pl", "Edit", "Edytuj");
+injectString("pt-BR", "Edit", "Editar");
+injectString("sk-SK", "Edit", "Uprav.");
+injectString("sv", "Edit", "Redigera");
+injectString("th", "Edit", "\u0E41\u0E01\u0E49\u0E44\u0E02");
+injectString("tr", "Edit", "D\xFCzenle");
+injectString("zh-Hans", "Edit", "\u7F16\u8F91");
+injectString("zh-TW", "Edit", "\u7DE8\u8F2F");
+injectString("cs", "Delete", "Odstranit");
+injectString("da-DK", "Delete", "Slet");
+injectString("de", "Delete", "L\xF6schen");
+injectString("en", "Delete", "Delete");
+injectString("es", "Delete", "Eliminar");
+injectString("fi-FI", "Delete", "Poista");
+injectString("fr", "Delete", "Supprimer");
+injectString("fr-FR", "Delete", "Effacer");
+injectString("hu-HU", "Delete", "T\xF6r\xF6ld.");
+injectString("id", "Delete", "Hapus");
+injectString("it", "Delete", "Eliminare");
+injectString("ja", "Delete", "\u524A\u9664\u3059\u308B");
+injectString("ko-KR", "Delete", "\uC0AD\uC81C");
+injectString("ms", "Delete", "Padam");
+injectString("nb-NO", "Delete", "Slett");
+injectString("nl", "Delete", "Verwijderen");
+injectString("pl", "Delete", "Usu\u0144");
+injectString("pt-BR", "Delete", "Excluir");
+injectString("sk-SK", "Delete", "Zma\u017E");
+injectString("sv", "Delete", "Radera");
+injectString("th", "Delete", "\u0E25\u0E1A");
+injectString("tr", "Delete", "Sil");
+injectString("zh-Hans", "Delete", "\u5220\u9664");
+injectString("zh-TW", "Delete", "\u522A\u9664");
+injectString("cs", "Archive", "Archivovat");
+injectString("da-DK", "Archive", "Arkiv");
+injectString("de", "Archive", "Archivieren");
+injectString("en", "Archive", "Archive");
+injectString("es", "Archive", "Archivar");
+injectString("fi-FI", "Archive", "Arkistoi");
+injectString("fr", "Archive", "Archiver");
+injectString("fr-FR", "Archive", "Archiver");
+injectString("hu-HU", "Archive", "Arch\xEDvum");
+injectString("id", "Archive", "Arsip");
+injectString("it", "Archive", "Archiviare");
+injectString("ja", "Archive", "\u30A2\u30FC\u30AB\u30A4\u30D6");
+injectString("ko-KR", "Archive", "\uBCF4\uAD00");
+injectString("ms", "Archive", "Arkib");
+injectString("nb-NO", "Archive", "Arkiver");
+injectString("nl", "Archive", "Archiveren");
+injectString("pl", "Archive", "Archiwizuj");
+injectString("pt-BR", "Archive", "Arquivar");
+injectString("sk-SK", "Archive", "Arch\xEDv");
+injectString("sv", "Archive", "Arkivera");
+injectString("th", "Archive", "\u0E08\u0E31\u0E14\u0E40\u0E01\u0E47\u0E1A");
+injectString("tr", "Archive", "Ar\u015Fivle");
+injectString("zh-Hans", "Archive", "\u5F52\u6863");
+injectString("zh-TW", "Archive", "\u6B78\u6A94");
+const getMapLink = selections => {
+  const pageLink = "/#map";
+  if (selections === null || selections === void 0 ? void 0 : selections.allSelected) {
+    return pageLink;
+  }
+  const ids = (selections === null || selections === void 0 ? void 0 : selections.selected) || [];
+  return `${pageLink},liveVehicleIds:!(${ids.join(",")})`;
 };
-const getEditLink = (selections) => {
-    const pageLink = "/#device";
-    if (selections === null || selections === void 0 ? void 0 : selections.allSelected) {
-        return `${pageLink},all:!(id:GroupCompanyId)`;
-    }
-    const ids = (selections === null || selections === void 0 ? void 0 : selections.selected) || [];
-    return `${pageLink},id:!(${ids.join(",")})`;
+const getEditLink = selections => {
+  const pageLink = "/#device";
+  if (selections === null || selections === void 0 ? void 0 : selections.allSelected) {
+    return `${pageLink},all:!(id:GroupCompanyId)`;
+  }
+  const ids = (selections === null || selections === void 0 ? void 0 : selections.selected) || [];
+  return `${pageLink},id:!(${ids.join(",")})`;
 };
-function EntitiesListAction({ selectionQty, pageSize, activePage, totalPage = 0, fullScreen = false, selections, columnListButtonRef, onClearSelection, onBulkDelete, onBulkArchive, onFullScreenChange, onActivePageChange }) {
-    const { translate } = useLanguage();
-    return (_jsxs(EntitiesListActions, { children: [_jsx(EntitiesListActions.Actions, { children: selectionQty > 0
-                    && _jsxs(BulkActions, { selected: selectionQty, onClearSelection: onClearSelection, children: [_jsx(BulkActions.ActionLink, { id: "action_view_on_map", title: translate("View on map"), icon: IconMap, link: getMapLink(selections), disabled: selectionQty === 0 }), _jsx(BulkActions.ActionLink, { id: "action_edit", title: translate("Edit"), icon: IconEdit, link: getEditLink(selections), disabled: selectionQty === 0 }), _jsx(BulkActions.ActionButton, { id: "action_delete", title: translate("Delete"), icon: IconDelete, clickHandler: () => onBulkDelete(selections), disabled: selectionQty === 0 }), _jsx(BulkActions.ActionButton, { id: "action_archive", title: translate("Archive"), icon: IconArchive, clickHandler: () => onBulkArchive(selections), disabled: true })] }) }), _jsx(EntitiesListActions.Pagination, { children: _jsx(Pagination, { activePage: activePage, perPage: pageSize, total: totalPage, type: PaginationType.Compact, includeText: true, onChange: onActivePageChange }) }), _jsxs(EntitiesListActions.PostActions, { children: [_jsx(ColumnsListButton, { ref: columnListButtonRef }), _jsx(FullScreenButton, { fullScreen: fullScreen, onClick: () => onFullScreenChange(!fullScreen) })] })] }));
+function EntitiesListAction({
+  selectionQty,
+  pageSize,
+  activePage,
+  totalPage = 0,
+  fullScreen = false,
+  selections,
+  columnListButtonRef,
+  onClearSelection,
+  onBulkDelete,
+  onBulkArchive,
+  onFullScreenChange,
+  onActivePageChange
+}) {
+  const {
+    translate
+  } = useLanguage();
+  return _jsxs(EntitiesListActions, {
+    children: [_jsx(EntitiesListActions.Actions, {
+      children: selectionQty > 0 && _jsxs(BulkActions, {
+        selected: selectionQty,
+        onClearSelection: onClearSelection,
+        children: [_jsx(BulkActions.ActionLink, {
+          id: "action_view_on_map",
+          title: translate("View on map"),
+          icon: IconMap,
+          link: getMapLink(selections),
+          disabled: selectionQty === 0
+        }), _jsx(BulkActions.ActionLink, {
+          id: "action_edit",
+          title: translate("Edit"),
+          icon: IconEdit,
+          link: getEditLink(selections),
+          disabled: selectionQty === 0
+        }), _jsx(BulkActions.ActionButton, {
+          id: "action_delete",
+          title: translate("Delete"),
+          icon: IconDelete,
+          clickHandler: () => onBulkDelete(selections),
+          disabled: selectionQty === 0
+        }), _jsx(BulkActions.ActionButton, {
+          id: "action_archive",
+          title: translate("Archive"),
+          icon: IconArchive,
+          clickHandler: () => onBulkArchive(selections),
+          disabled: true
+        })]
+      })
+    }), _jsx(EntitiesListActions.Pagination, {
+      children: _jsx(Pagination, {
+        activePage: activePage,
+        perPage: pageSize,
+        total: totalPage,
+        type: PaginationType.Compact,
+        includeText: true,
+        onChange: onActivePageChange
+      })
+    }), _jsxs(EntitiesListActions.PostActions, {
+      children: [_jsx(ColumnsListButton, {
+        ref: columnListButtonRef
+      }), _jsx(FullScreenButton, {
+        fullScreen: fullScreen,
+        onClick: () => onFullScreenChange(!fullScreen)
+      })]
+    })]
+  });
 }
-export default EntitiesListAction;
+export default EntitiesListAction;