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

package/dist/groupsFilterRaw/groupsFilterCurrentlySelectedState.js

@@ -1,37 +1,196 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+
+const {
+  injectString
+} = require("../utils/localization/translationsDictionary");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.TRANSLATIONS = exports.GroupsFilterCurrentlySelectedState = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const toggleButton_1 = require("../toggleButton/toggleButton");
 const groupsFilterCommon_1 = require("./groupsFilterCommon");
 const groupsFilterInterfaces_1 = require("./groupsFilterInterfaces");
+injectString("cs", "Back", "Zp\u011Bt");
+injectString("da-DK", "Back", "Tilbage");
+injectString("de", "Back", "Zur\xFCck");
+injectString("en", "Back", "Back");
+injectString("es", "Back", "Regresar");
+injectString("fi-FI", "Back", "Takaisin");
+injectString("fr", "Back", "Retour");
+injectString("fr-FR", "Back", "Retour");
+injectString("hu-HU", "Back", "Vissza");
+injectString("id", "Back", "Kembali");
+injectString("it", "Back", "Indietro");
+injectString("ja", "Back", "\u623B\u308B");
+injectString("ko-KR", "Back", "\uB4A4\uB85C");
+injectString("ms", "Back", "Kembali");
+injectString("nb-NO", "Back", "Tilbake");
+injectString("nl", "Back", "Terug");
+injectString("pl", "Back", "Wstecz");
+injectString("pt-BR", "Back", "Voltar");
+injectString("sk-SK", "Back", "Sp\xE4\u0165");
+injectString("sv", "Back", "Tillbaka");
+injectString("th", "Back", "\u0E01\u0E25\u0E31\u0E1A");
+injectString("tr", "Back", "Geri");
+injectString("zh-Hans", "Back", "\u8FD4\u56DE");
+injectString("zh-TW", "Back", "\u8FD4\u56DE");
+injectString("cs", "Apply site-wide", "Pou\u017E\xEDt pro cel\xFD web");
+injectString("da-DK", "Apply site-wide", "Anvend p\xE5 hele webstedet");
+injectString("de", "Apply site-wide", "Auf gesamter Seite anwenden");
+injectString("en", "Apply site-wide", "Apply site-wide");
+injectString("es", "Apply site-wide", "Aplicar en todo el sitio");
+injectString("fi-FI", "Apply site-wide", "K\xE4yt\xE4 koko sivustolla");
+injectString("fr", "Apply site-wide", "Appliquer \xE0 l\u2019\xE9chelle du site");
+injectString("fr-FR", "Apply site-wide", "Appliquer sur tout le site");
+injectString("hu-HU", "Apply site-wide", "Webhely szintj\xE9n alkalmazva");
+injectString("id", "Apply site-wide", "Terapkan untuk semua lokasi");
+injectString("it", "Apply site-wide", "Applicare in tutto il sito");
+injectString("ja", "Apply site-wide", "\u30B5\u30A4\u30C8\u5168\u4F53\u306B\u9069\u7528\u3059\u308B");
+injectString("ko-KR", "Apply site-wide", "\uC0AC\uC774\uD2B8 \uC804\uCCB4\uC5D0 \uC801\uC6A9");
+injectString("ms", "Apply site-wide", "Kenakan di seluruh laman");
+injectString("nb-NO", "Apply site-wide", "Bruk p\xE5 hele siden");
+injectString("nl", "Apply site-wide", "Voor volledige site toepassen");
+injectString("pl", "Apply site-wide", "Zastosuj na ca\u0142ej stronie");
+injectString("pt-BR", "Apply site-wide", "Aplicar em todo o site");
+injectString("sk-SK", "Apply site-wide", "Pou\u017Ei na celom webe.");
+injectString("sv", "Apply site-wide", "Anv\xE4nd p\xE5 hela webbplatsen");
+injectString("th", "Apply site-wide", "\u0E43\u0E0A\u0E49\u0E01\u0E31\u0E1A\u0E17\u0E31\u0E49\u0E07\u0E44\u0E0B\u0E15\u0E4C");
+injectString("tr", "Apply site-wide", "Site genelinde uygula");
+injectString("zh-Hans", "Apply site-wide", "\u5728\u6574\u4E2A\u7AD9\u70B9\u5E94\u7528");
+injectString("zh-TW", "Apply site-wide", "\u5957\u7528\u81F3\u6574\u500B\u7DB2\u7AD9");
+injectString("cs", "OR", "NEBO");
+injectString("da-DK", "OR", "ELLER");
+injectString("de", "OR", "ODER");
+injectString("en", "OR", "OR");
+injectString("es", "OR", "O");
+injectString("fi-FI", "OR", "TAI");
+injectString("fr", "OR", "OU");
+injectString("fr-FR", "OR", "OU");
+injectString("hu-HU", "OR", "VAGY.");
+injectString("id", "OR", "ATAU");
+injectString("it", "OR", "O");
+injectString("ja", "OR", "\u307E\u305F\u306F");
+injectString("ko-KR", "OR", "\uB610\uB294");
+injectString("ms", "OR", "ATAU");
+injectString("nb-NO", "OR", "ELLER");
+injectString("nl", "OR", "OF");
+injectString("pl", "OR", "LUB");
+injectString("pt-BR", "OR", "OU");
+injectString("sk-SK", "OR", "ALEBO");
+injectString("sv", "OR", "ELLER");
+injectString("th", "OR", "\u0E2B\u0E23\u0E37\u0E2D");
+injectString("tr", "OR", "VEYA");
+injectString("zh-Hans", "OR", "\u6216");
+injectString("zh-TW", "OR", "\u6216");
+injectString("cs", "AND", "A");
+injectString("da-DK", "AND", "OG");
+injectString("de", "AND", "UND");
+injectString("en", "AND", "AND");
+injectString("es", "AND", "Y");
+injectString("fi-FI", "AND", "JA");
+injectString("fr", "AND", "ET");
+injectString("fr-FR", "AND", "ET");
+injectString("hu-HU", "AND", "\xC9S");
+injectString("id", "AND", "DAN");
+injectString("it", "AND", "E");
+injectString("ja", "AND", "\u3068");
+injectString("ko-KR", "AND", "\uADF8\uB9AC\uACE0");
+injectString("ms", "AND", "DAN");
+injectString("nb-NO", "AND", "OG");
+injectString("nl", "AND", "EN");
+injectString("pl", "AND", "ORAZ");
+injectString("pt-BR", "AND", "E");
+injectString("sk-SK", "AND", "A");
+injectString("sv", "AND", "OCH");
+injectString("th", "AND", "\u0E41\u0E25\u0E30");
+injectString("tr", "AND", "VE");
+injectString("zh-Hans", "AND", "\u548C");
+injectString("zh-TW", "AND", "\u548C");
 const twoOptionsSwitcher_1 = require("../twoOptionsSwitcher/twoOptionsSwitcher");
 const iconGlobe_1 = require("../icons/deprecated/iconGlobe");
 const iconBackArrow_1 = require("../icons/deprecated/iconBackArrow");
 const useLanguage_1 = require("../utils/localization/useLanguage");
-const GroupsFilterCurrentlySelectedState = ({ children, siteWideState, relation, count, onBackButtonClick, onSiteWideChange, onRelationChange }) => {
-    const { translate } = (0, useLanguage_1.useLanguage)();
-    const togglerId = (0, react_1.useId)();
-    const getActionButton = (label, title, icon, handleClick) => (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: handleClick, className: "zen-groups-filter-menu__item zen-groups-filter-menu__item--interactive zen-groups-filter-menu__action-button zen-groups-filter-menu__action-button-back", title: title, children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, react_1.createElement)(icon, { className: "zen-groups-filter__icon zen-groups-filter-menu__action-icon", size: "large" }), (0, jsx_runtime_1.jsx)("div", { className: "zen-groups-filter-menu__action-label zen-groups-filter-menu__action-label--limited zen-ellipsis body-02-short", children: label })] }) });
-    const handleTogglerChange = (checked) => onSiteWideChange(checked);
-    const handleRelationChange = (newState) => {
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-enum-comparison
-        onRelationChange(newState === groupsFilterInterfaces_1.RelationOperator.AND ? groupsFilterInterfaces_1.RelationOperator.AND : groupsFilterInterfaces_1.RelationOperator.OR);
-    };
-    return (0, jsx_runtime_1.jsxs)("div", { className: "zen-groups-filter-menu__content-selected", children: [getActionButton(translate("Back"), translate("Back"), iconBackArrow_1.IconBackArrow, onBackButtonClick), (0, jsx_runtime_1.jsx)("div", { className: "zen-groups-filter-menu__item-wrapper", children: (0, jsx_runtime_1.jsx)(toggleButton_1.ToggleButton, { onChange: handleTogglerChange, id: togglerId, checked: siteWideState, isReverted: true, className: "zen-groups-filter-menu__item", title: translate("Apply site-wide"), children: (0, jsx_runtime_1.jsxs)("div", { className: "zen-groups-filter-menu__toggle-label zen-ellipsis", children: [(0, jsx_runtime_1.jsx)(iconGlobe_1.IconGlobe, { className: "zen-groups-filter__icon zen-groups-filter-menu__action-icon", size: "large" }), (0, jsx_runtime_1.jsx)("span", { className: "zen-groups-filter__label-element", children: translate("Apply site-wide") })] }) }) }), (0, jsx_runtime_1.jsxs)("div", { className: "zen-groups-filter-menu__item--stretched zen-groups-filter-menu__currently-selected", children: [(0, jsx_runtime_1.jsx)(groupsFilterCommon_1.GroupsFilterCurrentlySelectedLabel, { className: "zen-groups-filter__label-element--no-shrink zen-ellipsis", count: count }), (0, jsx_runtime_1.jsx)(twoOptionsSwitcher_1.TwoOptionsSwitcher, { leftOption: {
-                            label: translate("OR"),
-                            value: groupsFilterInterfaces_1.RelationOperator.OR
-                        }, rightOption: {
-                            label: translate("AND"),
-                            value: groupsFilterInterfaces_1.RelationOperator.AND
-                        }, value: relation, onChange: handleRelationChange })] }), (0, jsx_runtime_1.jsx)("div", { className: "zen-groups-filter-menu__separator" }), (0, jsx_runtime_1.jsx)("div", { className: "zen-groups-filter-menu__groups-box", children: children })] });
+const toggleButtonRaw_1 = require("../toggleButtonRaw/toggleButtonRaw");
+const GroupsFilterCurrentlySelectedState = ({
+  children,
+  siteWideState,
+  relation,
+  count,
+  onBackButtonClick,
+  onSiteWideChange,
+  onRelationChange
+}) => {
+  const {
+    translate
+  } = (0, useLanguage_1.useLanguage)();
+  const togglerId = (0, react_1.useId)();
+  const getActionButton = (label, title, icon, handleClick) => (0, jsx_runtime_1.jsx)("button", {
+    type: "button",
+    onClick: handleClick,
+    className: "zen-groups-filter-menu__item zen-groups-filter-menu__item--interactive zen-groups-filter-menu__action-button zen-groups-filter-menu__action-button-back",
+    title: title,
+    children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, {
+      children: [(0, react_1.createElement)(icon, {
+        className: "zen-groups-filter__icon zen-groups-filter-menu__action-icon",
+        size: "large"
+      }), (0, jsx_runtime_1.jsx)("div", {
+        className: "zen-groups-filter-menu__action-label zen-groups-filter-menu__action-label--limited zen-ellipsis body-02-short",
+        children: label
+      })]
+    })
+  });
+  const handleTogglerChange = checked => onSiteWideChange(checked);
+  const handleRelationChange = newState => {
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-enum-comparison
+    onRelationChange(newState === groupsFilterInterfaces_1.RelationOperator.AND ? groupsFilterInterfaces_1.RelationOperator.AND : groupsFilterInterfaces_1.RelationOperator.OR);
+  };
+  return (0, jsx_runtime_1.jsxs)("div", {
+    className: "zen-groups-filter-menu__content-selected",
+    children: [getActionButton(translate("Back"), translate("Back"), iconBackArrow_1.IconBackArrow, onBackButtonClick), (0, jsx_runtime_1.jsx)("div", {
+      className: "zen-groups-filter-menu__item-wrapper",
+      children: (0, jsx_runtime_1.jsx)(toggleButtonRaw_1.ToggleButtonRaw, {
+        onChange: handleTogglerChange,
+        id: togglerId,
+        value: siteWideState,
+        isReverted: true,
+        className: "zen-groups-filter-menu__item",
+        title: translate("Apply site-wide"),
+        children: (0, jsx_runtime_1.jsxs)("div", {
+          className: "zen-groups-filter-menu__toggle-label zen-ellipsis",
+          children: [(0, jsx_runtime_1.jsx)(iconGlobe_1.IconGlobe, {
+            className: "zen-groups-filter__icon zen-groups-filter-menu__action-icon",
+            size: "large"
+          }), (0, jsx_runtime_1.jsx)("span", {
+            className: "zen-groups-filter__label-element",
+            children: translate("Apply site-wide")
+          })]
+        })
+      })
+    }), (0, jsx_runtime_1.jsxs)("div", {
+      className: "zen-groups-filter-menu__item--stretched zen-groups-filter-menu__currently-selected",
+      children: [(0, jsx_runtime_1.jsx)(groupsFilterCommon_1.GroupsFilterCurrentlySelectedLabel, {
+        className: "zen-groups-filter__label-element--no-shrink zen-ellipsis",
+        count: count
+      }), (0, jsx_runtime_1.jsx)(twoOptionsSwitcher_1.TwoOptionsSwitcher, {
+        leftOption: {
+          label: translate("OR"),
+          value: groupsFilterInterfaces_1.RelationOperator.OR
+        },
+        rightOption: {
+          label: translate("AND"),
+          value: groupsFilterInterfaces_1.RelationOperator.AND
+        },
+        value: relation,
+        onChange: handleRelationChange
+      })]
+    }), (0, jsx_runtime_1.jsx)("div", {
+      className: "zen-groups-filter-menu__separator"
+    }), (0, jsx_runtime_1.jsx)("div", {
+      className: "zen-groups-filter-menu__groups-box",
+      children: children
+    })]
+  });
 };
 exports.GroupsFilterCurrentlySelectedState = GroupsFilterCurrentlySelectedState;
-exports.TRANSLATIONS = [
-    "Apply site-wide",
-    "Back",
-    "Advanced",
-    "AND",
-    "OR"
-];
+exports.TRANSLATIONS = ["Apply site-wide", "Back", "Advanced", "AND", "OR"];

package/dist/groupsFilterRaw/groupsFilterHelper.d.ts

@@ -1,5 +1,6 @@
 import { ICheckboxListWithActionOption } from "../checkboxListWithAction/checkboxListWithAction";
 import { IColor, IFilterState, IGroupItem, IGroupTree, INamedEntity, ITypedHash, RelationOperator } from "./groupsFilterInterfaces";
+import { IDropdownItem } from "../dropdown/dropdown";
 export interface IGroupsMenu {
     builtInGroups: IGroupsColorTree[];
     userGroups: IGroupsColorTree[];
@@ -26,7 +27,7 @@ export declare function prepareNameSelectedItems(translate: (s: string) => strin
 export declare function prepareSelectedMenu(namedItems: IGroupTree[]): IGroupsMenu;
 export declare function prepareMenu(item: IGroupTree | undefined): IGroupsMenu;
 export declare function getChildList(childArr: IGroupTree[] | undefined): IGroupTree[];
-export declare function createGroupsMap(groups: IGroupItem[], rootChildId: string): ITypedHash<IGroupTree>;
+export declare function createGroupsMap(groups: IGroupItem[] | IDropdownItem[], rootChildId: string): ITypedHash<IGroupTree>;
 export declare function getAdvancedFilterString(translate: (s: string) => string, state: IFilterState<INamedEntity>): string;
 export declare function doesGroupExist(groupMap: ITypedHash<unknown>): (id: string) => boolean;
 export declare const isFilterHasSelection: (filter: IPreparedFiltersState) => boolean;