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

package/esm/groupsFilterRaw/groupsFilterHelper.js

@@ -1,203 +1,314 @@
+import { injectString } from "../utils/localization/translationsDictionary";
 import { echo, flattenArrays } from "../commonHelpers/utils";
 import { RelationOperator } from "./groupsFilterInterfaces";
-import { ENTIRE_ORGANIZATION_GROUP_ID, compareFilters, createLinkedTree, getDefaultFilterState, getGroupDescription, isSystemGroup } from "./groupsHelper";
-const isAdvancedFilterItem = (item) => item && item.relation !== undefined;
+import { ENTIRE_ORGANIZATION_GROUP_ID, compareFilters, getDefaultFilterState, getGroupDescription, isSystemGroup } from "./groupsHelper";
+injectString("cs", "OperatorOr", "NEBO");
+injectString("da-DK", "OperatorOr", "ELLER");
+injectString("de", "OperatorOr", "ODER");
+injectString("en", "OperatorOr", "OR");
+injectString("es", "OperatorOr", "O");
+injectString("fi-FI", "OperatorOr", "TAI");
+injectString("fr", "OperatorOr", "OU");
+injectString("fr-FR", "OperatorOr", "OU");
+injectString("hu-HU", "OperatorOr", "VAGY");
+injectString("id", "OperatorOr", "ATAU");
+injectString("it", "OperatorOr", "O");
+injectString("ja", "OperatorOr", "\u307E\u305F\u306F");
+injectString("ko-KR", "OperatorOr", "OperatorOr");
+injectString("ms", "OperatorOr", "ATAU");
+injectString("nb-NO", "OperatorOr", "ELLER");
+injectString("nl", "OperatorOr", "OF");
+injectString("pl", "OperatorOr", "LUB");
+injectString("pt-BR", "OperatorOr", "OU");
+injectString("sk-SK", "OperatorOr", "ALEBO");
+injectString("sv", "OperatorOr", "ELLER");
+injectString("th", "OperatorOr", "\u0E2B\u0E23\u0E37\u0E2D");
+injectString("tr", "OperatorOr", "VEYA");
+injectString("zh-Hans", "OperatorOr", "\u6216");
+injectString("zh-TW", "OperatorOr", "OperatorOr");
+injectString("cs", "OperatorAnd", "A");
+injectString("da-DK", "OperatorAnd", "OG");
+injectString("de", "OperatorAnd", "UND");
+injectString("en", "OperatorAnd", "AND");
+injectString("es", "OperatorAnd", "Y");
+injectString("fi-FI", "OperatorAnd", "JA");
+injectString("fr", "OperatorAnd", "ET");
+injectString("fr-FR", "OperatorAnd", "ET");
+injectString("hu-HU", "OperatorAnd", "\xC9S");
+injectString("id", "OperatorAnd", "DAN");
+injectString("it", "OperatorAnd", "E");
+injectString("ja", "OperatorAnd", "\u3068");
+injectString("ko-KR", "OperatorAnd", "OperatorAnd");
+injectString("ms", "OperatorAnd", "DAN");
+injectString("nb-NO", "OperatorAnd", "OG");
+injectString("nl", "OperatorAnd", "EN");
+injectString("pl", "OperatorAnd", "ORAZ");
+injectString("pt-BR", "OperatorAnd", "E");
+injectString("sk-SK", "OperatorAnd", "A");
+injectString("sv", "OperatorAnd", "OCH");
+injectString("th", "OperatorAnd", "\u0E41\u0E25\u0E30");
+injectString("tr", "OperatorAnd", "VE");
+injectString("zh-Hans", "OperatorAnd", "\u548C");
+injectString("zh-TW", "OperatorAnd", "OperatorAnd");
+const isAdvancedFilterItem = item => item && item.relation !== undefined;
 export function prepareFilters(state) {
-    const canBeSimplify = (item, relation) => item.items.length === 1 && item.items[0].id && item.relation === relation;
-    const advancedFilterItems = [];
-    const simpleListItems = [];
-    state.items.forEach(el => {
-        if (!isAdvancedFilterItem(el)) {
-            el.id !== ENTIRE_ORGANIZATION_GROUP_ID && simpleListItems.push(el.id);
-        }
-        else {
-            (canBeSimplify(el, state.relation) ? el.items[0].id !== ENTIRE_ORGANIZATION_GROUP_ID && simpleListItems.push(el.items[0].id)
-                : advancedFilterItems.push(el));
-        }
-    });
-    return {
-        advancedFilterState: advancedFilterItems.length ? { relation: state.relation, items: [...advancedFilterItems] } : undefined,
-        simpleFilterState: simpleListItems.length ? Array.from(new Set(simpleListItems)) : undefined,
-        relation: state.relation
-    };
+  const canBeSimplify = (item, relation) => item.items.length === 1 && item.items[0].id && item.relation === relation;
+  const advancedFilterItems = [];
+  const simpleListItems = [];
+  state.items.forEach(el => {
+    if (!isAdvancedFilterItem(el)) {
+      el.id !== ENTIRE_ORGANIZATION_GROUP_ID && simpleListItems.push(el.id);
+    } else {
+      canBeSimplify(el, state.relation) ? el.items[0].id !== ENTIRE_ORGANIZATION_GROUP_ID && simpleListItems.push(el.items[0].id) : advancedFilterItems.push(el);
+    }
+  });
+  return {
+    advancedFilterState: advancedFilterItems.length ? {
+      relation: state.relation,
+      items: [...advancedFilterItems]
+    } : undefined,
+    simpleFilterState: simpleListItems.length ? Array.from(new Set(simpleListItems)) : undefined,
+    relation: state.relation
+  };
 }
 export function convertPreparedFilters(state) {
-    const convertedItems = [];
-    if (state.advancedFilterState && state.advancedFilterState.items[0].id !== ENTIRE_ORGANIZATION_GROUP_ID) {
-        convertedItems.push(state.advancedFilterState);
-    }
-    if (state.simpleFilterState && state.simpleFilterState.length > 0) {
-        state.simpleFilterState.forEach(el => {
-            convertedItems.push({ id: el });
-        });
-    }
-    return { relation: state.relation, items: convertedItems.length ? [...convertedItems] : [{ id: ENTIRE_ORGANIZATION_GROUP_ID }] };
+  const convertedItems = [];
+  if (state.advancedFilterState && state.advancedFilterState.items[0].id !== ENTIRE_ORGANIZATION_GROUP_ID) {
+    convertedItems.push(state.advancedFilterState);
+  }
+  if (state.simpleFilterState && state.simpleFilterState.length > 0) {
+    state.simpleFilterState.forEach(el => {
+      convertedItems.push({
+        id: el
+      });
+    });
+  }
+  return {
+    relation: state.relation,
+    items: convertedItems.length ? [...convertedItems] : [{
+      id: ENTIRE_ORGANIZATION_GROUP_ID
+    }]
+  };
 }
-const findGroupsChildren = (groupsMap, id, parentGroupId) => {
-    var _a;
-    const group = groupsMap.get(id);
-    if (!group) {
-        return undefined;
-    }
-    const foundItem = Object.assign(Object.assign({}, group), { parent: parentGroupId ? Object.assign({}, groupsMap.get(parentGroupId)) : undefined });
-    if (foundItem.children && ((_a = foundItem.children) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-        foundItem.children = foundItem.children
-            .map(child => findGroupsChildren(groupsMap, child.id, foundItem.id))
-            .filter(item => !!item);
-    }
-    return foundItem;
-};
 export function prepareOptions(translate, options, getSelectedFn, getSelectedChildFn, isWithColor, getTitle) {
-    const selectedIds = new Set(getSelectedFn());
-    const preparedOptions = options && options.length ? options.map(option => {
-        const selectedChild = getSelectedChildFn(option.id);
-        return Object.assign(Object.assign({ label: getGroupDescription(option, translate), property: option.id, checked: selectedIds.has(option.id), isWithAction: option.children && option.children.length > 0 || false, partialChecked: selectedChild.length > 0, countSelectedChild: selectedChild.length, blocked: false }, (getTitle ? { title: getTitle(option.id) } : {})), (isWithColor ? { color: option.color } : {}));
-    }) : [];
-    return preparedOptions;
+  const selectedIds = new Set(getSelectedFn());
+  const preparedOptions = options && options.length ? options.map(option => {
+    const selectedChild = getSelectedChildFn(option.id);
+    return Object.assign(Object.assign({
+      label: getGroupDescription(option, translate),
+      property: option.id,
+      checked: selectedIds.has(option.id),
+      isWithAction: option.children && option.children.length > 0 || false,
+      partialChecked: selectedChild.length > 0,
+      countSelectedChild: selectedChild.length,
+      blocked: false
+    }, getTitle ? {
+      title: getTitle(option.id)
+    } : {}), isWithColor ? {
+      color: option.color
+    } : {});
+  }) : [];
+  return preparedOptions;
 }
 export function prepareSelectedOptions(translate, options, getSelectedFn, isWithColor, getTitle) {
-    const selectedIds = new Set(getSelectedFn());
-    const preparedOptions = options && options.length ? options.map(option => (Object.assign(Object.assign({ label: getGroupDescription(option, translate), property: option.id, checked: selectedIds.has(option.id), isWithAction: false, partialChecked: false, blocked: false }, (getTitle ? { title: getTitle(option.id) } : {})), (isWithColor ? { color: option.color } : {})))) : [];
-    return preparedOptions;
+  const selectedIds = new Set(getSelectedFn());
+  const preparedOptions = options && options.length ? options.map(option => Object.assign(Object.assign({
+    label: getGroupDescription(option, translate),
+    property: option.id,
+    checked: selectedIds.has(option.id),
+    isWithAction: false,
+    partialChecked: false,
+    blocked: false
+  }, getTitle ? {
+    title: getTitle(option.id)
+  } : {}), isWithColor ? {
+    color: option.color
+  } : {})) : [];
+  return preparedOptions;
 }
 export function prepareAdvancedOptions(options, currentAdvancedOption) {
-    const preparedOptions = options && options.length ? options.map(option => ({
-        label: option,
-        property: option,
-        checked: option === currentAdvancedOption,
-        isWithAction: false,
-        partialChecked: false,
-        blocked: false
-    })) : [];
-    return preparedOptions;
+  const preparedOptions = options && options.length ? options.map(option => ({
+    label: option,
+    property: option,
+    checked: option === currentAdvancedOption,
+    isWithAction: false,
+    partialChecked: false,
+    blocked: false
+  })) : [];
+  return preparedOptions;
 }
 export function getParentsNameArr(translate, groupsMap, itemId, rootId) {
-    const item = groupsMap[itemId];
-    if (!item) {
-        return [];
-    }
-    const name = [getGroupDescription(item, translate)];
-    let selectedParent = item.parent ? groupsMap[item.parent.id] : undefined;
-    while (selectedParent && selectedParent.id !== rootId) {
-        name.push(getGroupDescription(selectedParent, translate));
-        selectedParent = selectedParent.parent ? groupsMap[selectedParent.parent.id] : undefined;
-    }
-    const preparedNameArr = name.length > 1 ? name.reverse() : name;
-    return preparedNameArr;
+  const item = groupsMap[itemId];
+  if (!item) {
+    return [];
+  }
+  const name = [getGroupDescription(item, translate)];
+  let selectedParent = item.parent ? groupsMap[item.parent.id] : undefined;
+  while (selectedParent && selectedParent.id !== rootId) {
+    name.push(getGroupDescription(selectedParent, translate));
+    selectedParent = selectedParent.parent ? groupsMap[selectedParent.parent.id] : undefined;
+  }
+  const preparedNameArr = name.length > 1 ? name.reverse() : name;
+  return preparedNameArr;
 }
 export function prepareNameSelectedItems(translate, groupsMap, selectedIds) {
-    const selectedItems = selectedIds.map(id => (groupsMap[id] ? Object.assign({}, groupsMap[id]) : undefined)).filter(echo);
-    const namedItems = selectedItems.map(el => {
-        const preparedNameArr = getParentsNameArr(translate, groupsMap, el.id, ENTIRE_ORGANIZATION_GROUP_ID);
-        return Object.assign(Object.assign({}, el), { name: ["...", ...(preparedNameArr.length > 1 ? preparedNameArr.slice(-2) : preparedNameArr)].join("/") });
+  const selectedItems = selectedIds.map(id => groupsMap[id] ? Object.assign({}, groupsMap[id]) : undefined).filter(echo);
+  const namedItems = selectedItems.map(el => {
+    const preparedNameArr = getParentsNameArr(translate, groupsMap, el.id, ENTIRE_ORGANIZATION_GROUP_ID);
+    return Object.assign(Object.assign({}, el), {
+      name: ["...", ...(preparedNameArr.length > 1 ? preparedNameArr.slice(-2) : preparedNameArr)].join("/")
     });
-    return namedItems;
+  });
+  return namedItems;
 }
 export function prepareSelectedMenu(namedItems) {
-    const systemGroup = [];
-    const userGroup = [];
-    namedItems.forEach(el => isSystemGroup(el.id)
-        ? systemGroup.push(el) : userGroup.push(el));
-    return { builtInGroups: [...systemGroup], userGroups: [...userGroup], currentId: undefined };
+  const systemGroup = [];
+  const userGroup = [];
+  namedItems.forEach(el => isSystemGroup(el.id) ? systemGroup.push(el) : userGroup.push(el));
+  return {
+    builtInGroups: [...systemGroup],
+    userGroups: [...userGroup],
+    currentId: undefined
+  };
 }
 export function prepareMenu(item) {
-    const systemGroup = [];
-    const userGroup = [];
-    if (!item) {
-        return { builtInGroups: [], userGroups: [], currentId: undefined };
-    }
-    (item.children || []).forEach(el => isSystemGroup(el.id)
-        ? systemGroup.push(el) : userGroup.push(el));
-    const result = { builtInGroups: [...systemGroup], userGroups: [...userGroup], currentId: item.id };
-    return result;
-}
-function createGroupsTree(groupsMap, id) {
-    let groupsTree = findGroupsChildren(groupsMap, id);
-    if (!groupsTree) {
-        const tree = createLinkedTree(Array.from(groupsMap.values())).map((el) => (Object.assign(Object.assign({}, el), { parent: undefined })));
-        groupsTree = { id: id, name: "", children: tree.map(el => (Object.assign(Object.assign({}, el), { parent: { id: id, name: "", parent: undefined } }))), parent: undefined };
-    }
-    groupsTree.parent = { id: "root", name: "", children: [Object.assign({}, groupsTree)], parent: undefined };
-    return groupsTree;
+  const systemGroup = [];
+  const userGroup = [];
+  if (!item) {
+    return {
+      builtInGroups: [],
+      userGroups: [],
+      currentId: undefined
+    };
+  }
+  (item.children || []).forEach(el => isSystemGroup(el.id) ? systemGroup.push(el) : userGroup.push(el));
+  const result = {
+    builtInGroups: [...systemGroup],
+    userGroups: [...userGroup],
+    currentId: item.id
+  };
+  return result;
 }
 export function getChildList(childArr) {
-    const list = [];
-    if (!childArr) {
-        return [];
+  const list = [];
+  if (!childArr) {
+    return [];
+  }
+  (childArr || []).forEach(el => {
+    el && list.push([el]);
+    if ((el === null || el === void 0 ? void 0 : el.children) && el.children.length > 0) {
+      const childList = getChildList(el.children);
+      childList && list.push(childList);
     }
-    (childArr || []).forEach((el) => {
-        el && list.push([el]);
-        if ((el === null || el === void 0 ? void 0 : el.children) && el.children.length > 0) {
-            const childList = getChildList(el.children);
-            childList && list.push(childList);
-        }
-    });
-    return flattenArrays(list);
+  });
+  return flattenArrays(list);
 }
 export function createGroupsMap(groups, rootChildId) {
-    var _a;
-    const groupsMap = new Map();
-    const groupTreeMap = {};
-    groups.forEach(group => {
-        groupsMap.set(group.id, Object.assign({}, group));
+  const nodeLookup = {};
+  // 1. Node Creation
+  groups.forEach(group => {
+    nodeLookup[group.id] = Object.assign(Object.assign({}, group), {
+      children: [],
+      parent: undefined
     });
-    const groupsTree = createGroupsTree(groupsMap, rootChildId);
-    if (!groupsTree) {
-        return {};
+  });
+  // 2. Top-Down Linking
+  groups.forEach(originalGroup => {
+    const parentNode = nodeLookup[originalGroup.id];
+    if (originalGroup.children && originalGroup.children.length > 0) {
+      originalGroup.children.forEach(childStub => {
+        var _a;
+        const realChildNode = nodeLookup[childStub.id];
+        if (realChildNode) {
+          (_a = parentNode.children) === null || _a === void 0 ? void 0 : _a.push(realChildNode);
+          realChildNode.parent = parentNode;
+        }
+      });
     }
-    groupTreeMap[rootChildId] = Object.assign({}, groupsTree);
-    (_a = groupsTree.children) === null || _a === void 0 ? void 0 : _a.forEach(child => {
-        groupTreeMap[child.id] = Object.assign({}, child);
-        const childList = getChildList(child.children || []);
-        childList.forEach(el => {
-            if (el) {
-                groupTreeMap[el.id] = Object.assign({}, el);
-            }
-        });
+  });
+  // 3. Finding or creating the requested root (zen_dropdown_root_group_id / "GroupCompanyId")
+  let targetRootNode = nodeLookup[rootChildId];
+  if (!targetRootNode) {
+    const dataRoots = groups.map(g => nodeLookup[g.id]) // link to created nodes
+    .filter(node => !node.parent); // dataRoots only nodes without parents
+    targetRootNode = {
+      id: rootChildId,
+      name: "",
+      children: dataRoots,
+      parent: undefined
+    };
+    // add to lookup for later processing
+    nodeLookup[rootChildId] = targetRootNode;
+    // Bind real roots to this virtual node
+    dataRoots.forEach(root => {
+      root.parent = targetRootNode;
     });
-    return groupTreeMap;
+  }
+  // 4. Creating a super root to ensure single entry point
+  const superRoot = {
+    id: "root",
+    name: "",
+    children: [targetRootNode],
+    parent: undefined
+  };
+  targetRootNode.parent = superRoot;
+  // 5. Flattening with preserving references
+  const result = {};
+  const stack = [targetRootNode];
+  while (stack.length > 0) {
+    const node = stack.pop();
+    if (node && !result[node.id]) {
+      result[node.id] = node;
+      if (node.children) {
+        // Iterate over the children array FROM END TO START (i--)
+        // This way, the first child (index 0) will be pushed last
+        // and will be popped first (LIFO).
+        for (let i = node.children.length - 1; i >= 0; i--) {
+          stack.push(node.children[i]);
+        }
+      }
+    }
+  }
+  return result;
 }
 export function getAdvancedFilterString(translate, state) {
-    const getRelationStr = (relation) => relation === RelationOperator.OR ? translate("OperatorOr") : translate("OperatorAnd");
-    const getItemState = (itemState, prev = "") => {
-        const items = itemState.items;
-        if (items && items.length && isAdvancedFilterItem(items[0])) {
-            return items.reduce((res, item) => {
-                const prevAndRelationStr = `${res
-                    ? `${res} ${getRelationStr(itemState.relation)} `
-                    : ""}`;
-                return `${prevAndRelationStr}${getItemState(item, res)}`;
-            }, prev);
-        }
-        const str = items.map(item => `${item.name}`)
-            .join(` ${getRelationStr(itemState.relation)} `);
-        return `${items && items.length > 1 ? `(${str})` : str}`;
-    };
-    return `${getItemState(state)}`;
+  const getRelationStr = relation => relation === RelationOperator.OR ? translate("OperatorOr") : translate("OperatorAnd");
+  const getItemState = (itemState, prev = "") => {
+    const items = itemState.items;
+    if (items && items.length && isAdvancedFilterItem(items[0])) {
+      return items.reduce((res, item) => {
+        const prevAndRelationStr = `${res ? `${res} ${getRelationStr(itemState.relation)} ` : ""}`;
+        return `${prevAndRelationStr}${getItemState(item, res)}`;
+      }, prev);
+    }
+    const str = items.map(item => `${item.name}`).join(` ${getRelationStr(itemState.relation)} `);
+    return `${items && items.length > 1 ? `(${str})` : str}`;
+  };
+  return `${getItemState(state)}`;
 }
 export function doesGroupExist(groupMap) {
-    return (id) => !!groupMap[id];
+  return id => !!groupMap[id];
 }
-export const isFilterHasSelection = (filter) => {
-    var _a;
-    if ((_a = filter.simpleFilterState) === null || _a === void 0 ? void 0 : _a.length) {
-        return true;
-    }
-    if (!compareFilters(filter.advancedFilterState || getDefaultFilterState(), getDefaultFilterState())) {
-        return true;
-    }
-    return false;
+export const isFilterHasSelection = filter => {
+  var _a;
+  if ((_a = filter.simpleFilterState) === null || _a === void 0 ? void 0 : _a.length) {
+    return true;
+  }
+  if (!compareFilters(filter.advancedFilterState || getDefaultFilterState(), getDefaultFilterState())) {
+    return true;
+  }
+  return false;
 };
 export function comparePreparedFilters(f1, f2) {
-    if (f1.relation !== f2.relation || (f1.simpleFilterState || []).length !== (f2.simpleFilterState || []).length) {
-        return false;
-    }
-    const isAdvancedFilterTheSame = compareFilters(f1.advancedFilterState || getDefaultFilterState(), f2.advancedFilterState || getDefaultFilterState());
-    if (!isAdvancedFilterTheSame) {
-        return false;
-    }
-    if (!(f1.simpleFilterState || []).every(el => (f2.simpleFilterState || []).includes(el))) {
-        return false;
-    }
-    return true;
-}
+  if (f1.relation !== f2.relation || (f1.simpleFilterState || []).length !== (f2.simpleFilterState || []).length) {
+    return false;
+  }
+  const isAdvancedFilterTheSame = compareFilters(f1.advancedFilterState || getDefaultFilterState(), f2.advancedFilterState || getDefaultFilterState());
+  if (!isAdvancedFilterTheSame) {
+    return false;
+  }
+  if (!(f1.simpleFilterState || []).every(el => (f2.simpleFilterState || []).includes(el))) {
+    return false;
+  }
+  return true;
+}