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

package/dist/dateSelectionWrapper/dateSelectionWrapper.js

@@ -1,23 +1,161 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+
+const {
+  injectString
+} = require("../utils/localization/translationsDictionary");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.TRANSLATIONS = exports.DateSelectionWrapper = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+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");
 const button_1 = require("../button/button");
 const buttonType_1 = require("../button/buttonType");
 const react_1 = require("react");
 const useLanguage_1 = require("../utils/localization/useLanguage");
-const DateSelectionWrapper = ({ onCancel, onClear, onReset, onApply, children }) => {
-    const { translate } = (0, useLanguage_1.useLanguage)();
-    const cancelControl = (0, react_1.useMemo)(() => onCancel ? (0, jsx_runtime_1.jsx)(button_1.Button, { className: "zen-date-selection__cancel", onClick: onCancel, type: buttonType_1.ButtonType.Tertiary, children: translate("Cancel") }) : "", [onCancel, translate]);
-    const clearControl = (0, react_1.useMemo)(() => onClear ? (0, jsx_runtime_1.jsx)(button_1.Button, { className: "zen-date-selection__clear", onClick: onClear, type: buttonType_1.ButtonType.Secondary, children: translate("Clear") }) : "", [onClear, translate]);
-    const resetControl = (0, react_1.useMemo)(() => onReset ? (0, jsx_runtime_1.jsx)(button_1.Button, { className: "zen-date-selection__reset", onClick: onReset, type: buttonType_1.ButtonType.Secondary, children: translate("Reset") }) : "", [onReset, translate]);
-    const applyControl = (0, react_1.useMemo)(() => onApply ? (0, jsx_runtime_1.jsx)(button_1.Button, { className: "zen-date-selection__apply", onClick: onApply, type: buttonType_1.ButtonType.Primary, children: translate("Apply") }) : "", [onApply, translate]);
-    return (0, jsx_runtime_1.jsxs)("div", { className: "zen-date-selection", children: [(0, jsx_runtime_1.jsx)("div", { className: "zen-date-selection__control", children: children }), (0, jsx_runtime_1.jsx)("div", { className: "zen-date-selection__delimiter" }), (0, jsx_runtime_1.jsxs)("div", { className: "zen-date-selection__buttons", children: [cancelControl, (0, jsx_runtime_1.jsx)("div", { className: "zen-date-selection__buttons-spacer" }), clearControl, resetControl, applyControl] })] });
+const DateSelectionWrapper = ({
+  onCancel,
+  onClear,
+  onReset,
+  onApply,
+  children
+}) => {
+  const {
+    translate
+  } = (0, useLanguage_1.useLanguage)();
+  const cancelControl = (0, react_1.useMemo)(() => onCancel ? (0, jsx_runtime_1.jsx)(button_1.Button, {
+    className: "zen-date-selection__cancel",
+    onClick: onCancel,
+    type: buttonType_1.ButtonType.Tertiary,
+    children: translate("Cancel")
+  }) : "", [onCancel, translate]);
+  const clearControl = (0, react_1.useMemo)(() => onClear ? (0, jsx_runtime_1.jsx)(button_1.Button, {
+    className: "zen-date-selection__clear",
+    onClick: onClear,
+    type: buttonType_1.ButtonType.Secondary,
+    children: translate("Clear")
+  }) : "", [onClear, translate]);
+  const resetControl = (0, react_1.useMemo)(() => onReset ? (0, jsx_runtime_1.jsx)(button_1.Button, {
+    className: "zen-date-selection__reset",
+    onClick: onReset,
+    type: buttonType_1.ButtonType.Secondary,
+    children: translate("Reset")
+  }) : "", [onReset, translate]);
+  const applyControl = (0, react_1.useMemo)(() => onApply ? (0, jsx_runtime_1.jsx)(button_1.Button, {
+    className: "zen-date-selection__apply",
+    onClick: onApply,
+    type: buttonType_1.ButtonType.Primary,
+    children: translate("Apply")
+  }) : "", [onApply, translate]);
+  return (0, jsx_runtime_1.jsxs)("div", {
+    className: "zen-date-selection",
+    children: [(0, jsx_runtime_1.jsx)("div", {
+      className: "zen-date-selection__control",
+      children: children
+    }), (0, jsx_runtime_1.jsx)("div", {
+      className: "zen-date-selection__delimiter"
+    }), (0, jsx_runtime_1.jsxs)("div", {
+      className: "zen-date-selection__buttons",
+      children: [cancelControl, (0, jsx_runtime_1.jsx)("div", {
+        className: "zen-date-selection__buttons-spacer"
+      }), clearControl, resetControl, applyControl]
+    })]
+  });
 };
 exports.DateSelectionWrapper = DateSelectionWrapper;
-exports.TRANSLATIONS = [
-    "Cancel",
-    "Clear",
-    "Reset",
-    "Apply"
-];
+exports.TRANSLATIONS = ["Cancel", "Clear", "Reset", "Apply"];

package/dist/dialog/dialogContent.js

@@ -1,9 +1,39 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+
+const {
+  injectString
+} = require("../utils/localization/translationsDictionary");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.TRANSLATIONS = exports.DialogContent = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_2 = require("react");
+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");
 const dialogHelpers_1 = require("./dialogHelpers");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const button_1 = require("../button/button");
@@ -16,45 +46,98 @@ const useBodyScroll_1 = require("../utils/useBodyScroll");
 /**
  * @deprecated - use Modal instead
 */
-const DialogContent = ({ onClose, className, title, hasCloseButton, body, footerButtons, footerLeftButtons, maxWidth = "600px", labeledId, isElementVisible }) => {
-    const { translate } = (0, useLanguage_1.useLanguage)();
-    const contentRef = (0, react_2.useRef)(null);
-    const startButtonRef = (0, react_2.useRef)(null);
-    const focusableStartInd = (0, react_2.useMemo)(() => (0, dialogHelpers_1.getFocusableStartInd)(footerButtons), [footerButtons]);
-    const { setScrollHidden } = (0, useBodyScroll_1.useBodyScroll)();
-    const getButtonRef = (ind) => {
-        if (focusableStartInd === ind) {
-            return startButtonRef;
-        }
-        return null;
-    };
-    const getFooterButton = (side, btn, ind) => {
-        const buttonArgs = Object.assign(Object.assign({}, btn), { className: (0, classNames_1.classNames)(["zen-dialog-content__footer-item", btn.className || ""]) });
-        return (0, react_1.createElement)(button_1.Button, Object.assign({}, buttonArgs, { key: `${side}-${ind}`, ref: side === "right" ? getButtonRef(ind) : undefined }));
-    };
-    function subscriptionCondition(trigger) {
-        return trigger.current !== null;
+const DialogContent = ({
+  onClose,
+  className,
+  title,
+  hasCloseButton,
+  body,
+  footerButtons,
+  footerLeftButtons,
+  maxWidth = "600px",
+  labeledId,
+  isElementVisible
+}) => {
+  const {
+    translate
+  } = (0, useLanguage_1.useLanguage)();
+  const contentRef = (0, react_2.useRef)(null);
+  const startButtonRef = (0, react_2.useRef)(null);
+  const focusableStartInd = (0, react_2.useMemo)(() => (0, dialogHelpers_1.getFocusableStartInd)(footerButtons), [footerButtons]);
+  const {
+    setScrollHidden
+  } = (0, useBodyScroll_1.useBodyScroll)();
+  const getButtonRef = ind => {
+    if (focusableStartInd === ind) {
+      return startButtonRef;
     }
-    (0, useTrapFocus_1.useTrapFocus)(contentRef, undefined, contentRef, subscriptionCondition, isElementVisible);
-    (0, useEscape_1.useEscape)(contentRef, onClose, contentRef, subscriptionCondition);
-    (0, react_2.useEffect)(() => {
-        if (contentRef.current === null) {
-            return;
-        }
-        if (labeledId) {
-            setScrollHidden();
-        }
-        if (startButtonRef.current) {
-            startButtonRef.current.focus();
-        }
-        else {
-            const focusable = contentRef.current.querySelectorAll(focusableSelector_1.FOCUSABLE_SELECTOR);
-            focusable.length && focusable[0].focus();
-        }
-    }, [startButtonRef, labeledId, contentRef, setScrollHidden]);
-    return (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-dialog-content", "body-04", className ? className : ""]), style: { maxWidth: maxWidth }, ref: contentRef, children: [(0, jsx_runtime_1.jsxs)("div", { className: "zen-dialog-content__header", children: [(0, jsx_runtime_1.jsx)("div", { className: "zen-dialog-content__header-title heading-04 zen-ellipsis", id: labeledId || "", children: title }), hasCloseButton ? (0, jsx_runtime_1.jsx)("button", { type: "button", className: "zen-dialog-content__header-close-button", title: translate("Close"), "aria-label": translate("Close"), onClick: onClose, children: (0, jsx_runtime_1.jsx)(iconCrossThin_1.IconCrossThin, { className: "svgIcon", size: "big" }) }) : null] }), (0, jsx_runtime_1.jsx)("div", { className: "zen-dialog-content__body body-02-short", children: body }), (0, jsx_runtime_1.jsxs)("div", { className: "zen-dialog-content__footer", children: [(0, jsx_runtime_1.jsx)("div", { className: "zen-dialog-content__footer-left", children: footerLeftButtons && footerLeftButtons.map(getFooterButton.bind(this, "left")) }), (0, jsx_runtime_1.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: (0, classNames_1.classNames)(["zen-dialog-content__footer-item", btn.className || ""])
+    });
+    return (0, react_1.createElement)(button_1.Button, Object.assign({}, buttonArgs, {
+      key: `${side}-${ind}`,
+      ref: side === "right" ? getButtonRef(ind) : undefined
+    }));
+  };
+  function subscriptionCondition(trigger) {
+    return trigger.current !== null;
+  }
+  (0, useTrapFocus_1.useTrapFocus)(contentRef, undefined, contentRef, subscriptionCondition, isElementVisible);
+  (0, useEscape_1.useEscape)(contentRef, onClose, contentRef, subscriptionCondition);
+  (0, react_2.useEffect)(() => {
+    if (contentRef.current === null) {
+      return;
+    }
+    if (labeledId) {
+      setScrollHidden();
+    }
+    if (startButtonRef.current) {
+      startButtonRef.current.focus();
+    } else {
+      const focusable = contentRef.current.querySelectorAll(focusableSelector_1.FOCUSABLE_SELECTOR);
+      focusable.length && focusable[0].focus();
+    }
+  }, [startButtonRef, labeledId, contentRef, setScrollHidden]);
+  return (0, jsx_runtime_1.jsxs)("div", {
+    className: (0, classNames_1.classNames)(["zen-dialog-content", "body-04", className ? className : ""]),
+    style: {
+      maxWidth: maxWidth
+    },
+    ref: contentRef,
+    children: [(0, jsx_runtime_1.jsxs)("div", {
+      className: "zen-dialog-content__header",
+      children: [(0, jsx_runtime_1.jsx)("div", {
+        className: "zen-dialog-content__header-title heading-04 zen-ellipsis",
+        id: labeledId || "",
+        children: title
+      }), hasCloseButton ? (0, jsx_runtime_1.jsx)("button", {
+        type: "button",
+        className: "zen-dialog-content__header-close-button",
+        title: translate("Close"),
+        "aria-label": translate("Close"),
+        onClick: onClose,
+        children: (0, jsx_runtime_1.jsx)(iconCrossThin_1.IconCrossThin, {
+          className: "svgIcon",
+          size: "big"
+        })
+      }) : null]
+    }), (0, jsx_runtime_1.jsx)("div", {
+      className: "zen-dialog-content__body body-02-short",
+      children: body
+    }), (0, jsx_runtime_1.jsxs)("div", {
+      className: "zen-dialog-content__footer",
+      children: [(0, jsx_runtime_1.jsx)("div", {
+        className: "zen-dialog-content__footer-left",
+        children: footerLeftButtons && footerLeftButtons.map(getFooterButton.bind(this, "left"))
+      }), (0, jsx_runtime_1.jsx)("div", {
+        className: "zen-dialog-content__footer-right",
+        children: footerButtons.map(getFooterButton.bind(this, "right"))
+      })]
+    })]
+  });
 };
 exports.DialogContent = DialogContent;
-exports.TRANSLATIONS = [
-    "Close"
-];
+exports.TRANSLATIONS = ["Close"];

package/dist/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/dist/dropdownRaw/dropdownHelper.js

@@ -129,23 +129,23 @@ const checkIsDataProblem = (selectedIds, groupsMap) => {
     return isHasDataProblem;
 };
 exports.checkIsDataProblem = checkIsDataProblem;
-const getStringFromSelected = (selectedIds, groupsMapSelected, translate) => {
-    if (!selectedIds.length || (selectedIds.length === 1 && selectedIds[0] === groupsHelper_1.ENTIRE_ORGANIZATION_GROUP_ID)) {
+const getStringFromSelected = (selectedIds, groupsMapSelected, translate, rootId) => {
+    if (!selectedIds.length || (selectedIds.length === 1 && selectedIds[0] === rootId)) {
         return "";
     }
     const selectedItems = selectedIds.map(id => groupsMapSelected.has(id) ? (0, groupsHelper_1.getGroupDescription)(groupsMapSelected.get(id), translate) : undefined).filter(el => el);
     return selectedItems.join(", ");
 };
 exports.getStringFromSelected = getStringFromSelected;
-const getStringFromAllSelected = (groupsMap, translate) => {
-    var _a;
-    if (!((_a = groupsMap[groupsHelper_1.ENTIRE_ORGANIZATION_GROUP_ID]) === null || _a === void 0 ? void 0 : _a.children) || groupsMap[groupsHelper_1.ENTIRE_ORGANIZATION_GROUP_ID].children.length === 0) {
+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[groupsHelper_1.ENTIRE_ORGANIZATION_GROUP_ID].children.map(el => groupsMap[el.id] ?
-        (0, groupsHelper_1.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] ?
+        (0, groupsHelper_1.getGroupDescription)(groupsMap[el.id], translate) : undefined).filter((el) => el !== undefined);
+    return (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.join(", ")) || "";
 };
 exports.getStringFromAllSelected = getStringFromAllSelected;
-const getSelectedCount = (selectedIds) => selectedIds.length === 1 && selectedIds[0] === groupsHelper_1.ENTIRE_ORGANIZATION_GROUP_ID ? 0 : selectedIds.length;
+const getSelectedCount = (selectedIds) => selectedIds.length;
 exports.getSelectedCount = getSelectedCount;