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

package/esm/pagination/paginationArrow.js

@@ -1,3 +1,4 @@
+import { injectString } from "../utils/localization/translationsDictionary";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { classNames } from "../commonHelpers/classNames/classNames";
 import { SvgIconSize } from "../svgIcon/svgIconSize";
@@ -7,14 +8,78 @@ import { ButtonType } from "../button/buttonType";
 import { useLanguage } from "../utils/localization/useLanguage";
 import { IconChevronRight } from "../icons/iconChevronRight";
 import { IconArrowRight } from "../icons/iconArrowRight";
-export const PaginationArrow = ({ value, disabled, type = PaginationType.Normal, arrowButtonHandler }) => {
-    const { translate } = useLanguage();
-    const previousButtonTitle = translate("Previous page");
-    const nextButtonTitle = translate("Next page");
-    const buttonTitle = value === "next" ? nextButtonTitle : previousButtonTitle;
-    return _jsx(TextIconButton, { className: "zen-pagination__arrow-navigation-button", "data-page": value, "aria-label": buttonTitle, title: buttonTitle, disabled: disabled, onClick: arrowButtonHandler, type: type === PaginationType.Compact ? ButtonType.TertiaryBlack : ButtonType.Secondary, icon: type === PaginationType.Compact ? IconChevronRight : IconArrowRight, iconSize: type === PaginationType.Compact ? SvgIconSize.Big : SvgIconSize.Large, iconPosition: ButtonIconPosition.Start, iconClasses: classNames(["zen-pagination__arrow-navigation-button-icon", value === "previous" ? "zen-pagination__arrow-navigation-button-icon--rotate" : ""]) });
+injectString("cs", "Previous page", "P\u0159edchoz\xED str\xE1nka");
+injectString("da-DK", "Previous page", "Forrige side");
+injectString("de", "Previous page", "Vorherige Seite");
+injectString("en", "Previous page", "Previous page");
+injectString("es", "Previous page", "P\xE1gina anterior");
+injectString("fi-FI", "Previous page", "Edellinen sivu");
+injectString("fr", "Previous page", "Page pr\xE9c\xE9dente");
+injectString("fr-FR", "Previous page", "Page pr\xE9c\xE9dente");
+injectString("hu-HU", "Previous page", "El\u0151z\u0151 oldal");
+injectString("id", "Previous page", "Halaman sebelumnya");
+injectString("it", "Previous page", "Pagina precedente");
+injectString("ja", "Previous page", "\u524D\u306E\u30DA\u30FC\u30B8");
+injectString("ko-KR", "Previous page", "\uC774\uC804 \uD398\uC774\uC9C0");
+injectString("ms", "Previous page", "Halaman sebelumnya");
+injectString("nb-NO", "Previous page", "Forrige side");
+injectString("nl", "Previous page", "Vorige pagina");
+injectString("pl", "Previous page", "Poprzednia strona");
+injectString("pt-BR", "Previous page", "P\xE1gina anterior");
+injectString("sk-SK", "Previous page", "Predch\xE1dzaj\xFAca str\xE1nka");
+injectString("sv", "Previous page", "F\xF6reg\xE5ende sida");
+injectString("th", "Previous page", "\u0E2B\u0E19\u0E49\u0E32\u0E01\u0E48\u0E2D\u0E19\u0E2B\u0E19\u0E49\u0E32");
+injectString("tr", "Previous page", "\xD6nceki sayfa");
+injectString("zh-Hans", "Previous page", "\u4E0A\u4E00\u9875");
+injectString("zh-TW", "Previous page", "\u4E0A\u4E00\u9801");
+injectString("cs", "Next page", "Dal\u0161\xED str\xE1nka");
+injectString("da-DK", "Next page", "N\xE6ste side");
+injectString("de", "Next page", "N\xE4chste Seite");
+injectString("en", "Next page", "Next page");
+injectString("es", "Next page", "Siguiente p\xE1gina");
+injectString("fi-FI", "Next page", "Seuraava sivu");
+injectString("fr", "Next page", "Page suivante");
+injectString("fr-FR", "Next page", "Page suivante");
+injectString("hu-HU", "Next page", "K\xF6vetkez\u0151 oldal");
+injectString("id", "Next page", "Halaman selanjutnya");
+injectString("it", "Next page", "Pagina successiva");
+injectString("ja", "Next page", "\u6B21\u306E\u30DA\u30FC\u30B8");
+injectString("ko-KR", "Next page", "\uB2E4\uC74C \uD398\uC774\uC9C0");
+injectString("ms", "Next page", "Halaman seterusnya");
+injectString("nb-NO", "Next page", "Neste side");
+injectString("nl", "Next page", "Volgende pagina");
+injectString("pl", "Next page", "Nast\u0119pna strona");
+injectString("pt-BR", "Next page", "Pr\xF3xima p\xE1gina");
+injectString("sk-SK", "Next page", "\u010Eal\u0161ia str\xE1nka");
+injectString("sv", "Next page", "N\xE4sta sida");
+injectString("th", "Next page", "\u0E2B\u0E19\u0E49\u0E32\u0E16\u0E31\u0E14\u0E44\u0E1B");
+injectString("tr", "Next page", "Sonraki sayfa");
+injectString("zh-Hans", "Next page", "\u4E0B\u4E00\u9875");
+injectString("zh-TW", "Next page", "\u4E0B\u4E00\u9801");
+export const PaginationArrow = ({
+  value,
+  disabled,
+  type = PaginationType.Normal,
+  arrowButtonHandler
+}) => {
+  const {
+    translate
+  } = useLanguage();
+  const previousButtonTitle = translate("Previous page");
+  const nextButtonTitle = translate("Next page");
+  const buttonTitle = value === "next" ? nextButtonTitle : previousButtonTitle;
+  return _jsx(TextIconButton, {
+    className: "zen-pagination__arrow-navigation-button",
+    "data-page": value,
+    "aria-label": buttonTitle,
+    title: buttonTitle,
+    disabled: disabled,
+    onClick: arrowButtonHandler,
+    type: type === PaginationType.Compact ? ButtonType.TertiaryBlack : ButtonType.Secondary,
+    icon: type === PaginationType.Compact ? IconChevronRight : IconArrowRight,
+    iconSize: type === PaginationType.Compact ? SvgIconSize.Big : SvgIconSize.Large,
+    iconPosition: ButtonIconPosition.Start,
+    iconClasses: classNames(["zen-pagination__arrow-navigation-button-icon", value === "previous" ? "zen-pagination__arrow-navigation-button-icon--rotate" : ""])
+  });
 };
-export const TRANSLATIONS = [
-    "Previous page",
-    "Next page"
-];
+export const TRANSLATIONS = ["Previous page", "Next page"];

package/esm/pagination/paginationText/paginationText.js

@@ -1,13 +1,42 @@
+import { injectString } from "../../utils/localization/translationsDictionary";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useLanguage } from "../../utils/localization/useLanguage";
-export const PaginationText = ({ amount, from, to }) => {
-    const { translate } = useLanguage();
-    const children = translate("Showing {from} - {to} of {total}")
-        .replace("{from}", from.toString())
-        .replace("{to}", to.toString())
-        .replace("{total}", amount.toString());
-    return _jsx("span", { className: "zen-pagination__text", children: children });
+injectString("cs", "Showing {from} - {to} of {total}", "Zobrazuji {from}\u2013{to} z\xA0{total}");
+injectString("da-DK", "Showing {from} - {to} of {total}", "Viser {fra} - {til} af {total}");
+injectString("de", "Showing {from} - {to} of {total}", "{from} - {to} von {total} werden angezeigt");
+injectString("en", "Showing {from} - {to} of {total}", "Showing {from} - {to} of {total}");
+injectString("es", "Showing {from} - {to} of {total}", "Mostrando {from} - {to} de {total}");
+injectString("fi-FI", "Showing {from} - {to} of {total}", "N\xE4ytet\xE4\xE4n {from} - {to} / {total}");
+injectString("fr", "Showing {from} - {to} of {total}", "Affichage de {from} \xE0 {to} sur {total}");
+injectString("fr-FR", "Showing {from} - {to} of {total}", "Affichage de {from} - {to} sur {total}");
+injectString("hu-HU", "Showing {from} - {to} of {total}", "L\xE1that\xF3: {from} - {to} a teljes {total} k\xF6z\xFCl.");
+injectString("id", "Showing {from} - {to} of {total}", "Menampilkan {from} - {to} dari {total}");
+injectString("it", "Showing {from} - {to} of {total}", "Mostra {from} - {to} di {total}");
+injectString("ja", "Showing {from} - {to} of {total}", "{total} \u306E {from} \u304B\u3089 {to} \u3092\u8868\u793A\u3057\u3066\u3044\u307E\u3059");
+injectString("ko-KR", "Showing {from} - {to} of {total}", "{total} \uC911 {from}~{to} \uD45C\uC2DC");
+injectString("ms", "Showing {from} - {to} of {total}", "Menunjukkan {from} - {to} daripada {total}");
+injectString("nb-NO", "Showing {from} - {to} of {total}", "Viser {from} - {to} av {total}");
+injectString("nl", "Showing {from} - {to} of {total}", "{from} - {to} van {total} worden weergegeven");
+injectString("pl", "Showing {from} - {to} of {total}", "Wy\u015Bwietlono pozycje {from}\u2013{to} z {total}");
+injectString("pt-BR", "Showing {from} - {to} of {total}", "Mostrando {from} - {to} de {total}");
+injectString("sk-SK", "Showing {from} - {to} of {total}", "Zobrazuje sa {from} - {to} z {total}.");
+injectString("sv", "Showing {from} - {to} of {total}", "Visar {from}\u2013{to} av {total}");
+injectString("th", "Showing {from} - {to} of {total}", "\u0E01\u0E33\u0E25\u0E31\u0E07\u0E41\u0E2A\u0E14\u0E07 {from} - {to} \u0E08\u0E32\u0E01 {total}");
+injectString("tr", "Showing {from} - {to} of {total}", "{from} - {to} / {total} g\xF6steriliyor");
+injectString("zh-Hans", "Showing {from} - {to} of {total}", "\u663E\u793A {from} - {to} \u9875\uFF0C\u5171 {total} \u9875");
+injectString("zh-TW", "Showing {from} - {to} of {total}", "\u986F\u793A {from} - {to} (\u5171 {total})");
+export const PaginationText = ({
+  amount,
+  from,
+  to
+}) => {
+  const {
+    translate
+  } = useLanguage();
+  const children = translate("Showing {from} - {to} of {total}").replace("{from}", from.toString()).replace("{to}", to.toString()).replace("{total}", amount.toString());
+  return _jsx("span", {
+    className: "zen-pagination__text",
+    children: children
+  });
 };
-export const TRANSLATIONS = [
-    "Showing {from} - {to} of {total}"
-];
+export const TRANSLATIONS = ["Showing {from} - {to} of {total}"];

package/esm/pill/components/pillNonActionable/pillNonActionable.js

@@ -1,3 +1,4 @@
+import { injectString } from "../../../utils/localization/translationsDictionary";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createElement, useMemo } from "react";
 import { classNames } from "../../../commonHelpers/classNames/classNames";
@@ -7,27 +8,90 @@ import { getPillTypeClassName } from "../../../utils/pillUtils/getPillTypeClassN
 import { useLanguage } from "../../../utils/localization/useLanguage";
 import { useDrive } from "../../../utils/theme/useDrive";
 import { useDriveClassName } from "../../../utils/theme/useDriveClassName";
-export const NonActionablePill = ({ icon, type = "default", size = "default", onClose, closeAriaText, children, className, id }) => {
-    const { translate } = useLanguage();
-    const isDrive = useDrive();
-    const driveTextClass = useDriveClassName("zen-pill-text-content");
-    const drivePillClass = useDriveClassName("zen-pill-non-actionable");
-    const isClosable = !!onClose;
-    const hasIcon = !!icon;
-    const hasContent = !!children;
-    const { contentClasses, ref, title, isFixedSize, isTextContentHidden } = usePillSize({ size, iconPosition: icon ? "left" : undefined, onClose, hasContent });
-    const svgIcon = useMemo(() => hasIcon ? createElement(icon, {
-        className: "zen-pill-non-actionable__icon",
-        size: isDrive ? "large" : "big"
-    }) : null, [hasIcon, icon, isDrive]);
-    return _jsx("div", { "data-id": id, ref: ref, className: classNames([
-            "zen-pill-non-actionable",
-            drivePillClass !== null && drivePillClass !== void 0 ? drivePillClass : "",
-            isClosable ? "zen-pill-non-actionable--closable" : "",
-            getPillTypeClassName(type),
-            className !== null && className !== void 0 ? className : ""
-        ]), style: { width: isFixedSize ? size : "" }, children: _jsxs("div", { className: contentClasses, children: [svgIcon, hasContent ? _jsx("div", { title: title, className: classNames(["zen-pill-text-content", driveTextClass !== null && driveTextClass !== void 0 ? driveTextClass : "", isTextContentHidden ? "zen-pill-text-content--hidden" : ""]), children: children }) : null, isClosable && _jsx("button", { type: "button", className: "zen-pill-non-actionable__close-button", onClick: () => onClose(id || ""), title: closeAriaText || translate("Close"), "aria-label": closeAriaText || translate("Close"), children: _jsx(IconClose, { size: isDrive ? "large" : "big", className: "zen-pill-non-actionable__close-icon" }) })] }) });
+injectString("cs", "Close", "Zav\u0159\xEDt");
+injectString("da-DK", "Close", "Luk");
+injectString("de", "Close", "Schlie\xDFen");
+injectString("en", "Close", "Close");
+injectString("es", "Close", "Cerrar");
+injectString("fi-FI", "Close", "Sulje");
+injectString("fr", "Close", "Fermer");
+injectString("fr-FR", "Close", "Fermer");
+injectString("hu-HU", "Close", "Z\xE1rd be.");
+injectString("id", "Close", "Tutup");
+injectString("it", "Close", "Chiudere");
+injectString("ja", "Close", "\u9589\u3058\u308B");
+injectString("ko-KR", "Close", "\uB2EB\uAE30");
+injectString("ms", "Close", "Tutup");
+injectString("nb-NO", "Close", "Lukk");
+injectString("nl", "Close", "Sluiten");
+injectString("pl", "Close", "Zamknij");
+injectString("pt-BR", "Close", "Fechar");
+injectString("sk-SK", "Close", "Zatvor");
+injectString("sv", "Close", "St\xE4ng");
+injectString("th", "Close", "\u0E1B\u0E34\u0E14");
+injectString("tr", "Close", "Kapat");
+injectString("zh-Hans", "Close", "\u5173\u95ED");
+injectString("zh-TW", "Close", "\u95DC\u9589");
+export const NonActionablePill = ({
+  icon,
+  type = "default",
+  size = "default",
+  onClose,
+  closeAriaText,
+  children,
+  className,
+  id
+}) => {
+  const {
+    translate
+  } = useLanguage();
+  const isDrive = useDrive();
+  const driveTextClass = useDriveClassName("zen-pill-text-content");
+  const drivePillClass = useDriveClassName("zen-pill-non-actionable");
+  const isClosable = !!onClose;
+  const hasIcon = !!icon;
+  const hasContent = !!children;
+  const {
+    contentClasses,
+    ref,
+    title,
+    isFixedSize,
+    isTextContentHidden
+  } = usePillSize({
+    size,
+    iconPosition: icon ? "left" : undefined,
+    onClose,
+    hasContent
+  });
+  const svgIcon = useMemo(() => hasIcon ? createElement(icon, {
+    className: "zen-pill-non-actionable__icon",
+    size: isDrive ? "large" : "big"
+  }) : null, [hasIcon, icon, isDrive]);
+  return _jsx("div", {
+    "data-id": id,
+    ref: ref,
+    className: classNames(["zen-pill-non-actionable", drivePillClass !== null && drivePillClass !== void 0 ? drivePillClass : "", isClosable ? "zen-pill-non-actionable--closable" : "", getPillTypeClassName(type), className !== null && className !== void 0 ? className : ""]),
+    style: {
+      width: isFixedSize ? size : ""
+    },
+    children: _jsxs("div", {
+      className: contentClasses,
+      children: [svgIcon, hasContent ? _jsx("div", {
+        title: title,
+        className: classNames(["zen-pill-text-content", driveTextClass !== null && driveTextClass !== void 0 ? driveTextClass : "", isTextContentHidden ? "zen-pill-text-content--hidden" : ""]),
+        children: children
+      }) : null, isClosable && _jsx("button", {
+        type: "button",
+        className: "zen-pill-non-actionable__close-button",
+        onClick: () => onClose(id || ""),
+        title: closeAriaText || translate("Close"),
+        "aria-label": closeAriaText || translate("Close"),
+        children: _jsx(IconClose, {
+          size: isDrive ? "large" : "big",
+          className: "zen-pill-non-actionable__close-icon"
+        })
+      })]
+    })
+  });
 };
-export const TRANSLATIONS = [
-    "Close"
-];
+export const TRANSLATIONS = ["Close"];

package/esm/pillBox/components/pillBoxItem.js

@@ -1,14 +1,52 @@
+import { injectString } from "../../utils/localization/translationsDictionary";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { memo } from "react";
 import { classNames } from "../../commonHelpers/classNames/classNames";
 import { Pill } from "../../pill/pill";
 import { useLanguage } from "../../utils/localization/useLanguage";
-export const PillBoxItem = memo(function innerPillItem({ item, onRemove, className }) {
-    var _a;
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    const { translate } = useLanguage();
-    return _jsx(Pill, { id: item.id, closeAriaText: translate("Remove selection"), onClose: () => onRemove(item.id), className: classNames(["zen-pill-box-item zen-caption", (_a = item.className) !== null && _a !== void 0 ? _a : "", className]), children: _jsx("span", { className: "zen-caption__content", children: item.name }) }, `${item.id}-${item.name}`);
+injectString("cs", "Remove selection", "Odebrat v\xFDb\u011Br");
+injectString("da-DK", "Remove selection", "Fjern markering");
+injectString("de", "Remove selection", "Auswahl entfernen");
+injectString("en", "Remove selection", "Remove selection");
+injectString("es", "Remove selection", "Eliminar selecci\xF3n");
+injectString("fi-FI", "Remove selection", "Poista valinta");
+injectString("fr", "Remove selection", "Supprimer la s\xE9lection");
+injectString("fr-FR", "Remove selection", "Supprimer s\xE9lection");
+injectString("hu-HU", "Remove selection", "T\xF6r\xF6ld a kijel\xF6l\xE9st.");
+injectString("id", "Remove selection", "Hapus pilihan");
+injectString("it", "Remove selection", "Rimuovere selezione");
+injectString("ja", "Remove selection", "\u9078\u629E\u3092\u524A\u9664");
+injectString("ko-KR", "Remove selection", "\uC120\uD0DD \uD56D\uBAA9 \uC81C\uAC70");
+injectString("ms", "Remove selection", "Alih keluar pilihan");
+injectString("nb-NO", "Remove selection", "Fjern valg");
+injectString("nl", "Remove selection", "Selectie verwijderen");
+injectString("pl", "Remove selection", "Usu\u0144 zaznaczenie");
+injectString("pt-BR", "Remove selection", "Remover sele\xE7\xE3o");
+injectString("sk-SK", "Remove selection", "Odstr\xE1ni\u0165 v\xFDber");
+injectString("sv", "Remove selection", "Ta bort markering");
+injectString("th", "Remove selection", "\u0E25\u0E1A\u0E01\u0E32\u0E23\u0E40\u0E25\u0E37\u0E2D\u0E01");
+injectString("tr", "Remove selection", "Se\xE7imi kald\u0131r");
+injectString("zh-Hans", "Remove selection", "\u5220\u9664\u6240\u9009\u5185\u5BB9");
+injectString("zh-TW", "Remove selection", "\u79FB\u9664\u9078\u53D6\u9805\u76EE");
+export const PillBoxItem = memo(function innerPillItem({
+  item,
+  onRemove,
+  className
+}) {
+  var _a;
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const {
+    translate
+  } = useLanguage();
+  return _jsx(Pill, {
+    id: item.id,
+    closeAriaText: translate("Remove selection"),
+    onClose: () => onRemove(item.id),
+    className: classNames(["zen-pill-box-item zen-caption", (_a = item.className) !== null && _a !== void 0 ? _a : "", className]),
+    children: _jsx("span", {
+      className: "zen-caption__content",
+      children: item.name
+    })
+  }, `${item.id}-${item.name}`);
 });
-export const TRANSLATIONS = [
-    "Remove selection"
-];
+export const TRANSLATIONS = ["Remove selection"];

package/esm/pillBox/pillBox.js

@@ -1,3 +1,4 @@
+import { injectString } from "../utils/localization/translationsDictionary";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
@@ -7,24 +8,119 @@ import { PillBoxItem } from "./components/pillBoxItem";
 import { Pill } from "../pill/pill";
 import { TRANSLATIONS as PILLBOX_ITEM_TRANSLATIONS } from "./components/pillBoxItem";
 import { useDriveClassName } from "../utils/theme/useDriveClassName";
+injectString("cs", "and {0} more", "a {0} dal\u0161\xEDch");
+injectString("da-DK", "and {0} more", "og {0} mere");
+injectString("de", "and {0} more", "und {0} weitere");
+injectString("en", "and {0} more", "and {0} more");
+injectString("es", "and {0} more", "y {0} m\xE1s");
+injectString("fi-FI", "and {0} more", "ja {0} lis\xE4\xE4");
+injectString("fr", "and {0} more", "et {0} de plus");
+injectString("fr-FR", "and {0} more", "et {0} de plus");
+injectString("hu-HU", "and {0} more", "\xE9s m\xE9g {0}");
+injectString("id", "and {0} more", "dan {0} lainnya");
+injectString("it", "and {0} more", "e altri {0}");
+injectString("ja", "and {0} more", "{0} \u4EE5\u4E0A");
+injectString("ko-KR", "and {0} more", "\uBC0F {0}\uAC1C \uB354");
+injectString("ms", "and {0} more", "dan {0} lagi");
+injectString("nb-NO", "and {0} more", "og {0} flere");
+injectString("nl", "and {0} more", "en {0} meer");
+injectString("pl", "and {0} more", "i jeszcze {0}");
+injectString("pt-BR", "and {0} more", "e {0} mais");
+injectString("sk-SK", "and {0} more", "a {0} \u010Fal\u0161\xEDch");
+injectString("sv", "and {0} more", "och {0} till");
+injectString("th", "and {0} more", "\u0E41\u0E25\u0E30\u0E2D\u0E35\u0E01 {0}");
+injectString("tr", "and {0} more", "ve {0} tane daha");
+injectString("zh-Hans", "and {0} more", "\u548C\u53E6\u5916 {0} \u9879");
+injectString("zh-TW", "and {0} more", "\u9084\u6709 {0} \u500B");
+injectString("cs", "Selected:", "Vybr\xE1no:");
+injectString("da-DK", "Selected:", "Valgte:");
+injectString("de", "Selected:", "Ausgew\xE4hlte Fahrer");
+injectString("en", "Selected:", "Selected:");
+injectString("es", "Selected:", "Seleccionado:");
+injectString("fi-FI", "Selected:", "Valittu:");
+injectString("fr", "Selected:", "S\xE9lectionn\xE9\xA0:");
+injectString("fr-FR", "Selected:", "S\xE9lectionn\xE9 :");
+injectString("hu-HU", "Selected:", "Kijel\xF6lve:");
+injectString("id", "Selected:", "Dipilih:");
+injectString("it", "Selected:", "Selezionato:");
+injectString("ja", "Selected:", "\u9078\u629E");
+injectString("ko-KR", "Selected:", "\uC120\uD0DD\uB428:");
+injectString("ms", "Selected:", "Dipilih:");
+injectString("nb-NO", "Selected:", "Utvalgt:");
+injectString("nl", "Selected:", "Geselecteerd:");
+injectString("pl", "Selected:", "Wybrano:");
+injectString("pt-BR", "Selected:", "Selecionado:");
+injectString("sk-SK", "Selected:", "Vybran\xE9:");
+injectString("sv", "Selected:", "Vald:");
+injectString("th", "Selected:", "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E41\u0E25\u0E49\u0E27:");
+injectString("tr", "Selected:", "Se\xE7ilen:");
+injectString("zh-Hans", "Selected:", "\u5DF2\u9009\uFF1A");
+injectString("zh-TW", "Selected:", "\u5DF2\u9078\u53D6\uFF1A");
+injectString("cs", "All", "V\u0161e");
+injectString("da-DK", "All", "Alle");
+injectString("de", "All", "Alle");
+injectString("en", "All", "All");
+injectString("es", "All", "Todo");
+injectString("fi-FI", "All", "Kaikki");
+injectString("fr", "All", "Tout");
+injectString("fr-FR", "All", "Tous");
+injectString("hu-HU", "All", "Minden");
+injectString("id", "All", "Semua");
+injectString("it", "All", "Tutti");
+injectString("ja", "All", "\u3059\u3079\u3066");
+injectString("ko-KR", "All", "\uC804\uCCB4");
+injectString("ms", "All", "Semua");
+injectString("nb-NO", "All", "Alle");
+injectString("nl", "All", "Alle");
+injectString("pl", "All", "Wszystkie");
+injectString("pt-BR", "All", "Tudo");
+injectString("sk-SK", "All", "V\u0161etko");
+injectString("sv", "All", "Alla");
+injectString("th", "All", "\u0E17\u0E31\u0E49\u0E07\u0E2B\u0E21\u0E14");
+injectString("tr", "All", "T\xFCm\xFC");
+injectString("zh-Hans", "All", "\u5168\u90E8");
+injectString("zh-TW", "All", "\u5168\u90E8");
 export const DEFAULT_MAX_PILLS = 5;
-export const PillBox = ({ className = "", hideSelectedLabel, selectedPills, isAllSelected, onRemove, maxPills = DEFAULT_MAX_PILLS }) => {
-    const onRemoveEmpty = useCallback(() => { }, []);
-    const driveComponentClass = useDriveClassName("zen-pill-box");
-    const onRemoveMemoized = useCallback((value) => onRemove === null || onRemove === void 0 ? void 0 : onRemove(value), [onRemove]);
-    const { translate } = useLanguage();
-    if (!selectedPills.length && !isAllSelected) {
-        return null;
-    }
-    const validMaxPills = getValidMaxPills(maxPills);
-    const visiblePills = validMaxPills ? selectedPills.slice(0, validMaxPills) : selectedPills;
-    const hiddenPillsIds = validMaxPills ? selectedPills.slice(validMaxPills).map(item => item.id) : [];
-    const morePill = _jsx(Pill, { className: classNames(["zen-pill-box__pill", "zen-caption", "zen-pill-box__more-pill"]), children: _jsx("span", { className: "zen-caption__content", children: translate("and {0} more").replace("{0}", hiddenPillsIds.length.toString()) }) }, "idClosePill");
-    return _jsxs("div", { className: classNames(["zen-pill-box", driveComponentClass !== null && driveComponentClass !== void 0 ? driveComponentClass : "", className]), children: [hideSelectedLabel ? null : _jsx("div", { className: "zen-pill-box__label", children: `${translate("Selected:")}${isAllSelected ? " " + translate("All") : ""}` }), !isAllSelected && visiblePills.length ? _jsxs("div", { className: "zen-pill-box__pills", children: [visiblePills.map(item => _jsx(PillBoxItem, { item: item, onRemove: onRemove ? onRemoveMemoized : onRemoveEmpty, className: "zen-pill-box__pill" }, item.id)), hiddenPillsIds.length ? morePill : null] }) : null] });
+export const PillBox = ({
+  className = "",
+  hideSelectedLabel,
+  selectedPills,
+  isAllSelected,
+  onRemove,
+  maxPills = DEFAULT_MAX_PILLS
+}) => {
+  const onRemoveEmpty = useCallback(() => {}, []);
+  const driveComponentClass = useDriveClassName("zen-pill-box");
+  const onRemoveMemoized = useCallback(value => onRemove === null || onRemove === void 0 ? void 0 : onRemove(value), [onRemove]);
+  const {
+    translate
+  } = useLanguage();
+  if (!selectedPills.length && !isAllSelected) {
+    return null;
+  }
+  const validMaxPills = getValidMaxPills(maxPills);
+  const visiblePills = validMaxPills ? selectedPills.slice(0, validMaxPills) : selectedPills;
+  const hiddenPillsIds = validMaxPills ? selectedPills.slice(validMaxPills).map(item => item.id) : [];
+  const morePill = _jsx(Pill, {
+    className: classNames(["zen-pill-box__pill", "zen-caption", "zen-pill-box__more-pill"]),
+    children: _jsx("span", {
+      className: "zen-caption__content",
+      children: translate("and {0} more").replace("{0}", hiddenPillsIds.length.toString())
+    })
+  }, "idClosePill");
+  return _jsxs("div", {
+    className: classNames(["zen-pill-box", driveComponentClass !== null && driveComponentClass !== void 0 ? driveComponentClass : "", className]),
+    children: [hideSelectedLabel ? null : _jsx("div", {
+      className: "zen-pill-box__label",
+      children: `${translate("Selected:")}${isAllSelected ? " " + translate("All") : ""}`
+    }), !isAllSelected && visiblePills.length ? _jsxs("div", {
+      className: "zen-pill-box__pills",
+      children: [visiblePills.map(item => _jsx(PillBoxItem, {
+        item: item,
+        onRemove: onRemove ? onRemoveMemoized : onRemoveEmpty,
+        className: "zen-pill-box__pill"
+      }, item.id)), hiddenPillsIds.length ? morePill : null]
+    }) : null]
+  });
 };
-export const TRANSLATIONS = [
-    "Selected:",
-    "All",
-    "and {0} more",
-    ...PILLBOX_ITEM_TRANSLATIONS
-];
+export const TRANSLATIONS = ["Selected:", "All", "and {0} more", ...PILLBOX_ITEM_TRANSLATIONS];