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

package/esm/dateSelectionWrapper/dateSelectionWrapper.js

@@ -1,19 +1,152 @@
+import { injectString } from "../utils/localization/translationsDictionary";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from "../button/button";
 import { ButtonType } from "../button/buttonType";
 import { useMemo } from "react";
 import { useLanguage } from "../utils/localization/useLanguage";
-export const DateSelectionWrapper = ({ onCancel, onClear, onReset, onApply, children }) => {
-    const { translate } = useLanguage();
-    const cancelControl = useMemo(() => onCancel ? _jsx(Button, { className: "zen-date-selection__cancel", onClick: onCancel, type: ButtonType.Tertiary, children: translate("Cancel") }) : "", [onCancel, translate]);
-    const clearControl = useMemo(() => onClear ? _jsx(Button, { className: "zen-date-selection__clear", onClick: onClear, type: ButtonType.Secondary, children: translate("Clear") }) : "", [onClear, translate]);
-    const resetControl = useMemo(() => onReset ? _jsx(Button, { className: "zen-date-selection__reset", onClick: onReset, type: ButtonType.Secondary, children: translate("Reset") }) : "", [onReset, translate]);
-    const applyControl = useMemo(() => onApply ? _jsx(Button, { className: "zen-date-selection__apply", onClick: onApply, type: ButtonType.Primary, children: translate("Apply") }) : "", [onApply, translate]);
-    return _jsxs("div", { className: "zen-date-selection", children: [_jsx("div", { className: "zen-date-selection__control", children: children }), _jsx("div", { className: "zen-date-selection__delimiter" }), _jsxs("div", { className: "zen-date-selection__buttons", children: [cancelControl, _jsx("div", { className: "zen-date-selection__buttons-spacer" }), clearControl, resetControl, applyControl] })] });
+injectString("cs", "Cancel", "Zru\u0161it");
+injectString("da-DK", "Cancel", "Annuller");
+injectString("de", "Cancel", "Abbrechen");
+injectString("en", "Cancel", "Cancel");
+injectString("es", "Cancel", "Cancelar");
+injectString("fi-FI", "Cancel", "Peruuta");
+injectString("fr", "Cancel", "Annuler");
+injectString("fr-FR", "Cancel", "Annuler");
+injectString("hu-HU", "Cancel", "M\xE9gse");
+injectString("id", "Cancel", "Batalkan");
+injectString("it", "Cancel", "Annullare");
+injectString("ja", "Cancel", "\u30AD\u30E3\u30F3\u30BB\u30EB");
+injectString("ko-KR", "Cancel", "\uCDE8\uC18C");
+injectString("ms", "Cancel", "Batal");
+injectString("nb-NO", "Cancel", "Avbryt");
+injectString("nl", "Cancel", "Annuleren");
+injectString("pl", "Cancel", "Anuluj");
+injectString("pt-BR", "Cancel", "Cancelar");
+injectString("sk-SK", "Cancel", "Zru\u0161.");
+injectString("sv", "Cancel", "Avbryt");
+injectString("th", "Cancel", "\u0E22\u0E01\u0E40\u0E25\u0E34\u0E01");
+injectString("tr", "Cancel", "\u0130ptal");
+injectString("zh-Hans", "Cancel", "\u53D6\u6D88");
+injectString("zh-TW", "Cancel", "\u53D6\u6D88");
+injectString("cs", "Clear", "Vymazat");
+injectString("da-DK", "Clear", "Ryd");
+injectString("de", "Clear", "L\xF6schen");
+injectString("en", "Clear", "Clear");
+injectString("es", "Clear", "Borrar");
+injectString("fi-FI", "Clear", "Tyhjenn\xE4");
+injectString("fr", "Clear", "Effacer");
+injectString("fr-FR", "Clear", "Effacer");
+injectString("hu-HU", "Clear", "T\xF6r\xF6ld.");
+injectString("id", "Clear", "Hapus");
+injectString("it", "Clear", "Cancella");
+injectString("ja", "Clear", "\u30AF\u30EA\u30A2");
+injectString("ko-KR", "Clear", "\uC9C0\uC6B0\uAE30");
+injectString("ms", "Clear", "Kosongkan");
+injectString("nb-NO", "Clear", "T\xF8m");
+injectString("nl", "Clear", "Wissen");
+injectString("pl", "Clear", "Wyczy\u015B\u0107");
+injectString("pt-BR", "Clear", "Limpar");
+injectString("sk-SK", "Clear", "Vyma\u017E");
+injectString("sv", "Clear", "Rensa");
+injectString("th", "Clear", "\u0E25\u0E49\u0E32\u0E07");
+injectString("tr", "Clear", "Temizle");
+injectString("zh-Hans", "Clear", "\u6E05\u9664");
+injectString("zh-TW", "Clear", "\u6E05\u9664");
+injectString("cs", "Reset", "Obnovit");
+injectString("da-DK", "Reset", "Nulstil");
+injectString("de", "Reset", "Zur\xFCcksetzen");
+injectString("en", "Reset", "Reset");
+injectString("es", "Reset", "Restaurar");
+injectString("fi-FI", "Reset", "Palauta");
+injectString("fr", "Reset", "R\xE9initialiser");
+injectString("fr-FR", "Reset", "R\xE9initialiser");
+injectString("hu-HU", "Reset", "\xC1ll\xEDtsd vissza.");
+injectString("id", "Reset", "Atur Ulang");
+injectString("it", "Reset", "Ripristinare");
+injectString("ja", "Reset", "\u30EA\u30BB\u30C3\u30C8");
+injectString("ko-KR", "Reset", "\uC7AC\uC124\uC815");
+injectString("ms", "Reset", "Tetap Semula");
+injectString("nb-NO", "Reset", "Tilbakestill");
+injectString("nl", "Reset", "Herstellen");
+injectString("pl", "Reset", "Resetuj");
+injectString("pt-BR", "Reset", "Redefinir");
+injectString("sk-SK", "Reset", "Obnov");
+injectString("sv", "Reset", "\xC5terst\xE4ll");
+injectString("th", "Reset", "\u0E23\u0E35\u0E40\u0E0B\u0E47\u0E15");
+injectString("tr", "Reset", "S\u0131f\u0131rla");
+injectString("zh-Hans", "Reset", "\u91CD\u7F6E");
+injectString("zh-TW", "Reset", "\u91CD\u8A2D");
+injectString("cs", "Apply", "Pou\u017E\xEDt");
+injectString("da-DK", "Apply", "Anvend");
+injectString("de", "Apply", "Anwenden");
+injectString("en", "Apply", "Apply");
+injectString("es", "Apply", "Aplicar");
+injectString("fi-FI", "Apply", "K\xE4yt\xE4");
+injectString("fr", "Apply", "Appliquer");
+injectString("fr-FR", "Apply", "Appliquer");
+injectString("hu-HU", "Apply", "Alkalmazd.");
+injectString("id", "Apply", "Terapkan");
+injectString("it", "Apply", "Applicare");
+injectString("ja", "Apply", "\u9069\u7528");
+injectString("ko-KR", "Apply", "\uC801\uC6A9");
+injectString("ms", "Apply", "Gunakan");
+injectString("nb-NO", "Apply", "Bruk");
+injectString("nl", "Apply", "Toepassen");
+injectString("pl", "Apply", "Zastosuj");
+injectString("pt-BR", "Apply", "Aplicar");
+injectString("sk-SK", "Apply", "Pou\u017Ei");
+injectString("sv", "Apply", "Ans\xF6k");
+injectString("th", "Apply", "\u0E43\u0E0A\u0E49");
+injectString("tr", "Apply", "Uygula");
+injectString("zh-Hans", "Apply", "\u5E94\u7528");
+injectString("zh-TW", "Apply", "\u5957\u7528");
+export const DateSelectionWrapper = ({
+  onCancel,
+  onClear,
+  onReset,
+  onApply,
+  children
+}) => {
+  const {
+    translate
+  } = useLanguage();
+  const cancelControl = useMemo(() => onCancel ? _jsx(Button, {
+    className: "zen-date-selection__cancel",
+    onClick: onCancel,
+    type: ButtonType.Tertiary,
+    children: translate("Cancel")
+  }) : "", [onCancel, translate]);
+  const clearControl = useMemo(() => onClear ? _jsx(Button, {
+    className: "zen-date-selection__clear",
+    onClick: onClear,
+    type: ButtonType.Secondary,
+    children: translate("Clear")
+  }) : "", [onClear, translate]);
+  const resetControl = useMemo(() => onReset ? _jsx(Button, {
+    className: "zen-date-selection__reset",
+    onClick: onReset,
+    type: ButtonType.Secondary,
+    children: translate("Reset")
+  }) : "", [onReset, translate]);
+  const applyControl = useMemo(() => onApply ? _jsx(Button, {
+    className: "zen-date-selection__apply",
+    onClick: onApply,
+    type: ButtonType.Primary,
+    children: translate("Apply")
+  }) : "", [onApply, translate]);
+  return _jsxs("div", {
+    className: "zen-date-selection",
+    children: [_jsx("div", {
+      className: "zen-date-selection__control",
+      children: children
+    }), _jsx("div", {
+      className: "zen-date-selection__delimiter"
+    }), _jsxs("div", {
+      className: "zen-date-selection__buttons",
+      children: [cancelControl, _jsx("div", {
+        className: "zen-date-selection__buttons-spacer"
+      }), clearControl, resetControl, applyControl]
+    })]
+  });
 };
-export const TRANSLATIONS = [
-    "Cancel",
-    "Clear",
-    "Reset",
-    "Apply"
-];
+export const TRANSLATIONS = ["Cancel", "Clear", "Reset", "Apply"];

package/esm/dialog/dialogContent.js

@@ -1,3 +1,4 @@
+import { injectString } from "../utils/localization/translationsDictionary";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createElement as _createElement } from "react";
 import { useEffect, useMemo, useRef } from "react";
@@ -13,44 +14,121 @@ import { useBodyScroll } from "../utils/useBodyScroll";
 /**
  * @deprecated - use Modal instead
 */
-export const DialogContent = ({ onClose, className, title, hasCloseButton, body, footerButtons, footerLeftButtons, maxWidth = "600px", labeledId, isElementVisible }) => {
-    const { translate } = useLanguage();
-    const contentRef = useRef(null);
-    const startButtonRef = useRef(null);
-    const focusableStartInd = useMemo(() => getFocusableStartInd(footerButtons), [footerButtons]);
-    const { setScrollHidden } = useBodyScroll();
-    const getButtonRef = (ind) => {
-        if (focusableStartInd === ind) {
-            return startButtonRef;
-        }
-        return null;
-    };
-    const getFooterButton = (side, btn, ind) => {
-        const buttonArgs = Object.assign(Object.assign({}, btn), { className: classNames(["zen-dialog-content__footer-item", btn.className || ""]) });
-        return _createElement(Button, Object.assign({}, buttonArgs, { key: `${side}-${ind}`, ref: side === "right" ? getButtonRef(ind) : undefined }));
-    };
-    function subscriptionCondition(trigger) {
-        return trigger.current !== null;
+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 DialogContent = ({
+  onClose,
+  className,
+  title,
+  hasCloseButton,
+  body,
+  footerButtons,
+  footerLeftButtons,
+  maxWidth = "600px",
+  labeledId,
+  isElementVisible
+}) => {
+  const {
+    translate
+  } = useLanguage();
+  const contentRef = useRef(null);
+  const startButtonRef = useRef(null);
+  const focusableStartInd = useMemo(() => getFocusableStartInd(footerButtons), [footerButtons]);
+  const {
+    setScrollHidden
+  } = useBodyScroll();
+  const getButtonRef = ind => {
+    if (focusableStartInd === ind) {
+      return startButtonRef;
     }
-    useTrapFocus(contentRef, undefined, contentRef, subscriptionCondition, isElementVisible);
-    useEscape(contentRef, onClose, contentRef, subscriptionCondition);
-    useEffect(() => {
-        if (contentRef.current === null) {
-            return;
-        }
-        if (labeledId) {
-            setScrollHidden();
-        }
-        if (startButtonRef.current) {
-            startButtonRef.current.focus();
-        }
-        else {
-            const focusable = contentRef.current.querySelectorAll(FOCUSABLE_SELECTOR);
-            focusable.length && focusable[0].focus();
-        }
-    }, [startButtonRef, labeledId, contentRef, setScrollHidden]);
-    return _jsxs("div", { className: classNames(["zen-dialog-content", "body-04", className ? className : ""]), style: { maxWidth: maxWidth }, ref: contentRef, children: [_jsxs("div", { className: "zen-dialog-content__header", children: [_jsx("div", { className: "zen-dialog-content__header-title heading-04 zen-ellipsis", id: labeledId || "", children: title }), hasCloseButton ? _jsx("button", { type: "button", className: "zen-dialog-content__header-close-button", title: translate("Close"), "aria-label": translate("Close"), onClick: onClose, children: _jsx(IconCrossThin, { className: "svgIcon", size: "big" }) }) : null] }), _jsx("div", { className: "zen-dialog-content__body body-02-short", children: body }), _jsxs("div", { className: "zen-dialog-content__footer", children: [_jsx("div", { className: "zen-dialog-content__footer-left", children: footerLeftButtons && footerLeftButtons.map(getFooterButton.bind(this, "left")) }), _jsx("div", { className: "zen-dialog-content__footer-right", children: footerButtons.map(getFooterButton.bind(this, "right")) })] })] });
+    return null;
+  };
+  const getFooterButton = (side, btn, ind) => {
+    const buttonArgs = Object.assign(Object.assign({}, btn), {
+      className: classNames(["zen-dialog-content__footer-item", btn.className || ""])
+    });
+    return _createElement(Button, Object.assign({}, buttonArgs, {
+      key: `${side}-${ind}`,
+      ref: side === "right" ? getButtonRef(ind) : undefined
+    }));
+  };
+  function subscriptionCondition(trigger) {
+    return trigger.current !== null;
+  }
+  useTrapFocus(contentRef, undefined, contentRef, subscriptionCondition, isElementVisible);
+  useEscape(contentRef, onClose, contentRef, subscriptionCondition);
+  useEffect(() => {
+    if (contentRef.current === null) {
+      return;
+    }
+    if (labeledId) {
+      setScrollHidden();
+    }
+    if (startButtonRef.current) {
+      startButtonRef.current.focus();
+    } else {
+      const focusable = contentRef.current.querySelectorAll(FOCUSABLE_SELECTOR);
+      focusable.length && focusable[0].focus();
+    }
+  }, [startButtonRef, labeledId, contentRef, setScrollHidden]);
+  return _jsxs("div", {
+    className: classNames(["zen-dialog-content", "body-04", className ? className : ""]),
+    style: {
+      maxWidth: maxWidth
+    },
+    ref: contentRef,
+    children: [_jsxs("div", {
+      className: "zen-dialog-content__header",
+      children: [_jsx("div", {
+        className: "zen-dialog-content__header-title heading-04 zen-ellipsis",
+        id: labeledId || "",
+        children: title
+      }), hasCloseButton ? _jsx("button", {
+        type: "button",
+        className: "zen-dialog-content__header-close-button",
+        title: translate("Close"),
+        "aria-label": translate("Close"),
+        onClick: onClose,
+        children: _jsx(IconCrossThin, {
+          className: "svgIcon",
+          size: "big"
+        })
+      }) : null]
+    }), _jsx("div", {
+      className: "zen-dialog-content__body body-02-short",
+      children: body
+    }), _jsxs("div", {
+      className: "zen-dialog-content__footer",
+      children: [_jsx("div", {
+        className: "zen-dialog-content__footer-left",
+        children: footerLeftButtons && footerLeftButtons.map(getFooterButton.bind(this, "left"))
+      }), _jsx("div", {
+        className: "zen-dialog-content__footer-right",
+        children: footerButtons.map(getFooterButton.bind(this, "right"))
+      })]
+    })]
+  });
 };
-export const TRANSLATIONS = [
-    "Close"
-];
+export const TRANSLATIONS = ["Close"];

package/esm/dropdownRaw/dropdownHelper.d.ts

@@ -28,6 +28,6 @@ export declare const compareStringsArrays: (arr1: string[], arr2: string[]) => b
 export declare const compareObjectsArrays: (arr1: IDropdownRawItem[], arr2: IDropdownRawItem[]) => boolean;
 export declare const prepareSelectedIdsToItems: (selectedIds: string[], groupsMap: IDropdownState["groupsMap"], groupsMapSelected: Map<string, IDropdownItem>) => IDropdownRawItem[];
 export declare const checkIsDataProblem: (selectedIds: string[], groupsMap: IDropdownState["groupsMap"]) => boolean;
-export declare const getStringFromSelected: (selectedIds: string[], groupsMapSelected: Map<string, IDropdownRawItem>, translate: (s: string) => string) => string;
-export declare const getStringFromAllSelected: (groupsMap: IDropdownState["groupsMap"], translate: (s: string) => string) => string;
+export declare const getStringFromSelected: (selectedIds: string[], groupsMapSelected: IDropdownState["groupsMapSelected"], translate: (s: string) => string, rootId: string) => string;
+export declare const getStringFromAllSelected: (groupsMap: IDropdownState["groupsMap"], translate: (s: string) => string, rootId: string) => string;
 export declare const getSelectedCount: (selectedIds: string[]) => number;

package/esm/dropdownRaw/dropdownHelper.js

@@ -1,4 +1,4 @@
-import { ENTIRE_ORGANIZATION_GROUP_ID, getGroupDescription } from "../groupsFilterRaw/groupsHelper";
+import { getGroupDescription } from "../groupsFilterRaw/groupsHelper";
 import { getChildList } from "./stateReducer/stateReducerHelper";
 export const getGroupsTreeItem = (stateObj, itemId) => {
     const item = stateObj.groupsMap[itemId];
@@ -111,20 +111,20 @@ export const checkIsDataProblem = (selectedIds, groupsMap) => {
     const isHasDataProblem = selectedIds.some(id => !groupsMap[id]) && Object.keys(groupsMap).length > 1;
     return isHasDataProblem;
 };
-export const getStringFromSelected = (selectedIds, groupsMapSelected, translate) => {
-    if (!selectedIds.length || (selectedIds.length === 1 && selectedIds[0] === ENTIRE_ORGANIZATION_GROUP_ID)) {
+export const getStringFromSelected = (selectedIds, groupsMapSelected, translate, rootId) => {
+    if (!selectedIds.length || (selectedIds.length === 1 && selectedIds[0] === rootId)) {
         return "";
     }
     const selectedItems = selectedIds.map(id => groupsMapSelected.has(id) ? getGroupDescription(groupsMapSelected.get(id), translate) : undefined).filter(el => el);
     return selectedItems.join(", ");
 };
-export const getStringFromAllSelected = (groupsMap, translate) => {
-    var _a;
-    if (!((_a = groupsMap[ENTIRE_ORGANIZATION_GROUP_ID]) === null || _a === void 0 ? void 0 : _a.children) || groupsMap[ENTIRE_ORGANIZATION_GROUP_ID].children.length === 0) {
+export const getStringFromAllSelected = (groupsMap, translate, rootId) => {
+    var _a, _b, _c, _d, _e;
+    if (!((_a = groupsMap[rootId]) === null || _a === void 0 ? void 0 : _a.children) || ((_c = (_b = groupsMap[rootId]) === null || _b === void 0 ? void 0 : _b.children) === null || _c === void 0 ? void 0 : _c.length) === 0) {
         return "";
     }
-    const selectedItems = groupsMap[ENTIRE_ORGANIZATION_GROUP_ID].children.map(el => groupsMap[el.id] ?
-        getGroupDescription(groupsMap[el.id], translate) : undefined).filter(el => el);
-    return selectedItems.join(", ");
+    const selectedItems = (_e = (_d = groupsMap[rootId]) === null || _d === void 0 ? void 0 : _d.children) === null || _e === void 0 ? void 0 : _e.map(el => groupsMap[el.id] ?
+        getGroupDescription(groupsMap[el.id], translate) : undefined).filter((el) => el !== undefined);
+    return (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.join(", ")) || "";
 };
-export const getSelectedCount = (selectedIds) => selectedIds.length === 1 && selectedIds[0] === ENTIRE_ORGANIZATION_GROUP_ID ? 0 : selectedIds.length;
+export const getSelectedCount = (selectedIds) => selectedIds.length;