@genexus/genexus-ide-ui 1.0.53 → 1.0.54

package/dist/genexus-ide-ui/p-b95a0250.entry.js

@@ -0,0 +1,465 @@
+import { r as t, a as e, h as s, H as i, g as n } from "./p-49712340.js";
+
+import { g as o } from "./p-6e4208d8.js";
+
+import "./p-ad5caf61.js";
+
+import { L as a } from "./p-311eedf3.js";
+
+const convertItemsNodeListToFlattenedTreeViewModel = (t, e) => {
+  const s = [];
+  const processNode = t => {
+    var i;
+    const n = !((i = t.nodes) === null || i === void 0 ? void 0 : i.length);
+    const o = e === "all" || e === "custom" && t.checkbox || e === "leaf" && n;
+    const a = JSON.stringify({
+      versionType: t.type
+    });
+    s.push({
+      id: t.id.toString(),
+      metadata: a,
+      caption: t.name,
+      checked: t.checked,
+      checkbox: o,
+      expanded: t.expanded,
+      startImgSrc: t.icon,
+      items: null,
+      leaf: n,
+      selected: t.selected
+    });
+    if (t.nodes) {
+      t.nodes.forEach((t => processNode(t)));
+    }
+  };
+  t.forEach((t => processNode(t)));
+  return s;
+};
+
+const convertItemsListToTreeViewModel = (t, e) => {
+  const s = [];
+  t.forEach((t => {
+    var i;
+    const n = !((i = t.nodes) === null || i === void 0 ? void 0 : i.length);
+    const o = t.expanded;
+    const a = t.icon;
+    const c = parseInt(t.id);
+    const r = e === "all" || e === "custom" && t.checkbox || e === "leaf" && n;
+    const h = JSON.stringify({
+      versionType: t.type
+    });
+    s.push({
+      id: t.id.toString(),
+      metadata: h,
+      caption: t.name,
+      checkbox: r,
+      checked: t.checked,
+      order: c,
+      selected: t.selected,
+      expanded: o,
+      startImgSrc: a,
+      items: !n ? convertItemsListToTreeViewModel(t.nodes, e) : null,
+      leaf: n
+    });
+  }));
+  return s;
+};
+
+const findItemNode = (t, e) => {
+  if (e.id === t) {
+    return e;
+  }
+  if (e.nodes) {
+    for (const s of e.nodes) {
+      const e = findItemNode(t, s);
+      if (e) {
+        return e;
+      }
+    }
+  }
+  return null;
+};
+
+function findItemInArray(t, e) {
+  for (const s of t) {
+    const t = findItemNode(e, s);
+    if (t) {
+      return t;
+    }
+  }
+  return null;
+}
+
+const setAllLeafsCheckedFalse = t => {
+  const uncheck = t => {
+    var e;
+    t.checked = false;
+    if ((e = t.nodes) === null || e === void 0 ? void 0 : e.length) {
+      t.nodes.forEach((t => uncheck(t)));
+    }
+  };
+  t.forEach((t => uncheck(t)));
+  return t;
+};
+
+const unselectAllNodes = t => {
+  const unselect = t => {
+    var e;
+    t.selected = false;
+    if ((e = t.nodes) === null || e === void 0 ? void 0 : e.length) {
+      t.nodes.forEach((t => unselect(t)));
+    }
+  };
+  t.forEach((t => unselect(t)));
+};
+
+const checkItems = (t, e) => {
+  setAllLeafsCheckedFalse(t);
+  e.forEach((e => {
+    const s = findItemInArray(t, e);
+    if (s) {
+      s.checked = true;
+    }
+  }));
+  return t;
+};
+
+const expandItems = (t, e) => {
+  e.forEach((e => {
+    const s = findItemInArray(t, e);
+    if (s) {
+      s.expanded = true;
+    }
+  }));
+  return t;
+};
+
+const selectItems = (t, e) => {
+  e.forEach((e => {
+    const s = findItemInArray(t, e);
+    if (s) {
+      s.selected = true;
+    }
+  }));
+  return t;
+};
+
+function searchInNode(t, e) {
+  var s;
+  // If the current node is the searched node, we return an empty list (it has no parents in this branch)
+    if (t.id === e) {
+    return [];
+  }
+  // We traverse each child looking for the target node
+    if ((s = t.nodes) === null || s === void 0 ? void 0 : s.length) {
+    for (const s of t.nodes) {
+      const i = searchInNode(s, e);
+      if (i !== null) {
+        // If we find it, we include the current node at the beginning of the path and return
+        return [ t.id, ...i ];
+      }
+    }
+  }
+  return null;
+}
+
+const searchParentsItems = (t, e) => {
+  const s = [];
+  for (const i of e) {
+    for (const e of t) {
+      const t = searchInNode(e, i);
+      if (t !== null) {
+        t.forEach((t => {
+          s.push(t);
+        }));
+      }
+    }
+  }
+  return s;
+};
+
+const c = ":host{display:grid;block-size:100%;grid-template-rows:max-content 1fr max-content}.section{display:contents}.view-mode__toggle-checkboxes{grid-template-columns:max-content max-content}.field__items-view-type{align-items:center}.field__items-view-type .label{margin-block-start:0 !important}.field__toggle-checkboxes .label{margin-block-start:0 !important}";
+
+var r = undefined && undefined.__classPrivateFieldSet || function(t, e, s, i, n) {
+  if (i === "m") throw new TypeError("Private method is not writable");
+  if (i === "a" && !n) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof e === "function" ? t !== e || !n : !e.has(t)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return i === "a" ? n.call(t, s) : n ? n.value = s : e.set(t, s), s;
+};
+
+var h = undefined && undefined.__classPrivateFieldGet || function(t, e, s, i) {
+  if (s === "a" && !i) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof e === "function" ? t !== e || !i : !e.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return s === "m" ? i : s === "a" ? i.call(t) : i ? i.value : e.get(t);
+};
+
+var l, f, d, u, p, m, w, b, g, v, k, y, x, W, M, I, _, C, S, T, j, N;
+
+const L = [ "resets/box-sizing", "chameleon/scrollbar", "components/tooltip", "components/tree-view", "utils/form--full", "utils/layout", "utils/spacing", "utils/typography" ];
+
+const E = o({
+  category: "system",
+  name: "search",
+  colorType: "on-surface"
+});
+
+const A = "tree";
+
+const H = "list";
+
+const P = "on";
+
+const z = class {
+  constructor(i) {
+    t(this, i);
+    l.set(this, void 0);
+    f.set(this, []);
+    d.set(this, void 0);
+    u.set(this, []);
+    p.set(this, e(`./gx-ide-assets/select-kb-items/shortcuts.json`));
+    m.set(this, []);
+    w.set(this, void 0);
+    b.set(this, void 0);
+    g.set(this, (() => {
+      if (this.cancelCallback) {
+        this.cancelCallback();
+      }
+    }));
+    v.set(this, (async t => {
+      const e = [];
+      t.detail.forEach((t => {
+        t.item.checked && e.push(t.item.id);
+      }));
+      r(this, f, e, "f");
+      r(this, m, checkItems(this.itemsList, h(this, f, "f")), "f");
+      if (this.checkedChanged) {
+        this.checkedChanged(h(this, f, "f"));
+      }
+    }));
+    k.set(this, (() => {
+      if (this.confirmCallback) {
+        this.confirmCallback(h(this, f, "f"));
+      }
+    }));
+    y.set(this, (async t => {
+      if (this.itemContextMenuCallback) {
+        let e;
+        const s = h(this, u, "f").find((e => e === t.detail.id));
+        if (!h(this, u, "f").length || !s) {
+          await h(this, b, "f").updateItemsProperties(h(this, u, "f"), {
+            selected: false
+          });
+          await h(this, b, "f").updateItemsProperties([ t.detail.id ], {
+            selected: true
+          });
+          e = {
+            clientX: t.detail.contextmenuEvent.clientX,
+            clientY: t.detail.contextmenuEvent.clientY,
+            selection: [ t.detail.id ]
+          };
+        } else {
+          e = {
+            clientX: t.detail.contextmenuEvent.clientX,
+            clientY: t.detail.contextmenuEvent.clientY,
+            selection: h(this, u, "f")
+          };
+        }
+        this.itemContextMenuCallback(e);
+      }
+    }));
+    x.set(this, (t => () => {
+      t(h(this, f, "f"), h(this, u, "f"));
+    }));
+    W.set(this, (t => {
+      this.searchPatternValue = t.detail.toString();
+    }));
+    M.set(this, (() => s("div", null, this.dialogActions.map((t => s("button", {
+      class: "button-tertiary",
+      part: `button button-${t.name}`,
+      onClick: h(this, x, "f").call(this, t.callback)
+    }, t.name))))));
+    I.set(this, (() => s("footer", {
+      class: "footer control-footer-with-border spacing-body-inline spacing-body-block-end control-footer-space-between"
+    }, h(this, M, "f").call(this), s("div", {
+      class: "buttons-spacer "
+    }, this.cancelCallback && s("button", {
+      class: "button-secondary",
+      part: "cancel-button",
+      onClick: h(this, g, "f")
+    }, h(this, l, "f").footer.cancel), this.confirmCallback && s("button", {
+      class: "button-primary",
+      part: "confirm-button",
+      onClick: h(this, k, "f")
+    }, h(this, l, "f").footer.select)))));
+    _.set(this, (t => {
+      const e = [];
+      unselectAllNodes(this.itemsList);
+      t.detail.forEach((t => {
+        e.push(t.item.id);
+      }));
+      r(this, u, e, "f");
+      if (this.selectionChanged) {
+        this.selectionChanged(h(this, u, "f"));
+      }
+      r(this, m, selectItems(this.itemsList, e), "f");
+    }));
+    C.set(this, (async t => {
+      const e = searchParentsItems(this.itemsList, t);
+      const s = selectItems(this.itemsList, t);
+      const i = expandItems(s, e);
+      h(this, T, "f").call(this, i);
+    }));
+    S.set(this, (async t => {
+      const e = searchParentsItems(this.itemsList, t);
+      const s = expandItems(this.itemsList, e);
+      h(this, T, "f").call(this, s);
+    }));
+    T.set(this, (t => {
+      this.nodeVersionsListTreeModel = convertItemsListToTreeViewModel(t, this.checkboxType);
+      this.nodeListFlattenedTreeModel = convertItemsNodeListToFlattenedTreeViewModel(t, this.checkboxType);
+    }));
+    j.set(this, (async t => {
+      const e = t.detail;
+      this.nodesVersionsViewType = e;
+      if (this.nodesVersionsViewType === "tree") {
+        await h(this, C, "f").call(this, h(this, u, "f"));
+        await h(this, S, "f").call(this, h(this, f, "f"));
+      }
+      h(this, T, "f").call(this, h(this, m, "f"));
+    }));
+    N.set(this, (t => {
+      this.toggleCheckboxes = t.detail === P;
+    }));
+    this.nodeListFlattenedTreeModel = [];
+    this.nodesVersionsViewType = "tree";
+    this.nodeVersionsListTreeModel = [];
+    this.searchPatternValue = null;
+    this.toggleCheckboxes = true;
+    this.cancelCallback = undefined;
+    this.checkboxType = undefined;
+    this.checkedChanged = undefined;
+    this.confirmCallback = undefined;
+    this.dialogActions = [];
+    this.itemContextMenuCallback = undefined;
+    this.itemsList = [];
+    this.multiSelection = false;
+    this.selectionChanged = undefined;
+  }
+  watchNodeListHandler(t) {
+    h(this, T, "f").call(this, t);
+  }
+  async componentWillLoad() {
+    r(this, l, await a.getComponentStrings(this.el), "f");
+    r(this, w, [ {
+      value: A,
+      caption: h(this, l, "f").main.tree
+    }, {
+      value: H,
+      caption: "List"
+    } ], "f");
+    this.watchNodeListHandler(this.itemsList);
+  }
+  /**
+     * Suspends or reactivates the shortcuts
+     */  async suspendShortcuts(t) {
+    if (t) {
+      h(this, d, "f").suspend = true;
+    } else {
+      h(this, d, "f").suspend = false;
+    }
+  }
+  /**
+     * Allow to update the selected items
+     */  async updateSelection(t) {
+    // first clear selected
+    h(this, b, "f").updateItemsProperties(h(this, u, "f"), {
+      selected: false
+    });
+    // then select
+        h(this, b, "f").updateItemsProperties(t, {
+      selected: true
+    });
+  }
+  render() {
+    return s(i, {
+      class: "widget"
+    }, s("ch-theme", {
+      model: L
+    }), s("ch-shortcuts", {
+      src: h(this, p, "f"),
+      ref: t => r(this, d, t, "f")
+    }), s("section", {
+      class: "section"
+    }, s("header", {
+      class: "control-header field-group spacing-body-block-start spacing-body-inline"
+    }, s("div", {
+      class: "field-group view-mode__toggle-checkboxes"
+    }, s("div", {
+      class: "field field-inline field__items-view-type"
+    }, s("label", {
+      class: "label",
+      htmlFor: "view-mode"
+    }, "Select view mode:"), s("ch-radio-group-render", {
+      class: "radio-group",
+      id: "view-mode",
+      model: h(this, w, "f"),
+      onChange: h(this, j, "f"),
+      value: h(this, w, "f")[0].value
+    })), s("div", {
+      class: "field field-inline field__toggle-checkboxes"
+    }, s("label", {
+      class: "label",
+      htmlFor: "control-id-1",
+      htmlfor: "toggle-checkboxes"
+    }, "Toggle Checkboxes"), s("ch-checkbox", {
+      class: "checkbox",
+      id: "toggle-checkboxes",
+      checkedValue: P,
+      value: P,
+      onInput: h(this, N, "f")
+    }))), s("ch-edit", {
+      class: "input pattern-filter",
+      placeholder: h(this, l, "f").header.searchPatternPlaceholder,
+      startImgSrc: E,
+      onInput: h(this, W, "f")
+    })), s("div", {
+      class: "spacing-body-inline-start trees"
+    }, s("ch-tree-view-render", {
+      class: "tree-view",
+      model: this.nodesVersionsViewType === "tree" ? this.nodeVersionsListTreeModel : this.nodeListFlattenedTreeModel,
+      "show-lines": this.nodesVersionsViewType === "tree" ? "all" : "none",
+      expandableButton: this.nodesVersionsViewType === "tree" ? "decorative" : "no",
+      onItemContextmenu: h(this, y, "f"),
+      onCheckedItemsChange: h(this, v, "f"),
+      onSelectedItemsChange: h(this, _, "f"),
+      multiSelection: this.multiSelection,
+      filter: this.searchPatternValue,
+      filterType: "caption",
+      toggleCheckboxes: this.toggleCheckboxes,
+      ref: t => {
+        r(this, b, t, "f");
+      }
+    })), h(this, I, "f").call(this)));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/select-kb-items" ];
+  }
+  get el() {
+    return n(this);
+  }
+  static get watchers() {
+    return {
+      itemsList: [ "watchNodeListHandler" ]
+    };
+  }
+};
+
+l = new WeakMap, f = new WeakMap, d = new WeakMap, u = new WeakMap, p = new WeakMap, 
+m = new WeakMap, w = new WeakMap, b = new WeakMap, g = new WeakMap, v = new WeakMap, 
+k = new WeakMap, y = new WeakMap, x = new WeakMap, W = new WeakMap, M = new WeakMap, 
+I = new WeakMap, _ = new WeakMap, C = new WeakMap, S = new WeakMap, T = new WeakMap, 
+j = new WeakMap, N = new WeakMap;
+
+z.style = c;
+
+export { z as gx_ide_select_kb_items };
+//# sourceMappingURL=p-b95a0250.entry.js.map

package/dist/genexus-ide-ui/p-b95a0250.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["convertItemsNodeListToFlattenedTreeViewModel","itemsList","checkboxType","itemsListFlattenedTreeViewModel","processNode","item","leaf","_a","nodes","length","checkbox","metaData","JSON","stringify","versionType","type","push","id","toString","metadata","caption","name","checked","expanded","startImgSrc","icon","items","selected","forEach","childNode","convertItemsListToTreeViewModel","itemsListTreeViewModel","order","parseInt","findItemNode","itemNode","result","findItemInArray","itemsNodes","setAllLeafsCheckedFalse","uncheck","unselectAllNodes","unselect","checkItems","idsChecked","itemFind","expandItems","selectItems","idsSelected","searchInNode","node","parents","searchParentsItems","ids","rootItem","results","selectKbItemsCss","CSS_BUNDLES","SYSTEM_SEARCH_ICON","getIconPath","category","colorType","VIEW_AS_TREE_ID","VIEW_AS_LIST_ID","TOGGLE_CHECKBOXES_CHECKED_VALUE","GxIdeSelectKbItems","_GxIdeSelectKbItems__componentLocale","set","this","_GxIdeSelectKbItems_checkedNodesIds","_GxIdeSelectKbItems_chShortcutsEl","_GxIdeSelectKbItems_selectedNodesIds","_GxIdeSelectKbItems_shortcutsSrc","getAssetPath","_GxIdeSelectKbItems_updatedModelList","_GxIdeSelectKbItems_viewItemsAsModel","_GxIdeSelectKbItems_treeViewRenderEl","_GxIdeSelectKbItems_cancelHandler","cancelCallback","_GxIdeSelectKbItems_checkedItemsChangeHandler","async","e","checkedNodesIds","detail","__classPrivateFieldSet","__classPrivateFieldGet","checkedChanged","_GxIdeSelectKbItems_confirmHandler","confirmCallback","_GxIdeSelectKbItems_contextMenuHandler","itemContextMenuCallback","info","isSelected","find","updateItemsProperties","clientX","contextmenuEvent","clientY","selection","_GxIdeSelectKbItems_executeDialogAction","callback","_GxIdeSelectKbItems_patternSearchValueChangedHandler","event","searchPatternValue","_GxIdeSelectKbItems_renderActionButtons","h","dialogActions","map","action","class","part","onClick","call","_GxIdeSelectKbItems_renderFooter","footer","cancel","select","_GxIdeSelectKbItems_selectedItemsChangeHandler","selectedNodesIds","selectionChanged","_GxIdeSelectKbItems_toggleAndSelectNodesInModelItems","selectedItemsIds","nodesToToggle","newItemsSelected","newItemsExpanded","_GxIdeSelectKbItems_updateViews","_GxIdeSelectKbItems_toggleCheckedNodesInModelItems","newItemsList","nodeVersionsListTreeModel","nodeListFlattenedTreeModel","_GxIdeSelectKbItems_viewItemsAsChangedHandler","selectedViewType","nodesVersionsViewType","_GxIdeSelectKbItems_toggleCheckboxesChangedHandler","toggleCheckboxes","watchNodeListHandler","componentWillLoad","Locale","getComponentStrings","el","value","main","tree","suspendShortcuts","suspend","updateSelection","render","Host","model","src","ref","htmlFor","onChange","htmlfor","checkedValue","onInput","placeholder","header","searchPatternPlaceholder","expandableButton","onItemContextmenu","onCheckedItemsChange","onSelectedItemsChange","multiSelection","filter","filterType"],"sources":["src/components/select-kb-items/helpers.tsx","src/components/select-kb-items/select-kb-items.scss?tag=gx-ide-select-kb-items&encapsulation=shadow","src/components/select-kb-items/select-kb-items.tsx"],"sourcesContent":["import { ItemNode, CheckboxType } from \"./select-kb-items\";\nimport { TreeViewItemModel } from \"@genexus/chameleon-controls-library\";\n\nexport const convertItemsNodeListToFlattenedTreeViewModel = (\n  itemsList: ItemNode[],\n  checkboxType: CheckboxType\n): TreeViewItemModel[] => {\n  const itemsListFlattenedTreeViewModel: TreeViewItemModel[] = [];\n\n  const processNode = (item: ItemNode) => {\n    const leaf = !item.nodes?.length;\n    const checkbox =\n      checkboxType === \"all\" ||\n      (checkboxType === \"custom\" && item.checkbox) ||\n      (checkboxType === \"leaf\" && leaf);\n    const metaData = JSON.stringify({\n      versionType: item.type\n    });\n    itemsListFlattenedTreeViewModel.push({\n      id: item.id.toString(),\n      metadata: metaData,\n      caption: item.name,\n      checked: item.checked,\n      checkbox: checkbox,\n      expanded: item.expanded,\n      startImgSrc: item.icon,\n      items: null,\n      leaf: leaf,\n      selected: item.selected\n    });\n\n    if (item.nodes) {\n      item.nodes.forEach(childNode => processNode(childNode));\n    }\n  };\n\n  itemsList.forEach(item => processNode(item));\n  return itemsListFlattenedTreeViewModel;\n};\n\nexport const convertItemsListToTreeViewModel = (\n  itemsList: ItemNode[],\n  checkboxType: CheckboxType\n): TreeViewItemModel[] => {\n  const itemsListTreeViewModel: TreeViewItemModel[] = [];\n  itemsList.forEach(item => {\n    const leaf = !item.nodes?.length;\n    const expanded = item.expanded;\n    const icon = item.icon;\n    const order = parseInt(item.id);\n    const checkbox =\n      checkboxType === \"all\" ||\n      (checkboxType === \"custom\" && item.checkbox) ||\n      (checkboxType === \"leaf\" && leaf);\n    const metaData = JSON.stringify({\n      versionType: item.type\n    });\n    itemsListTreeViewModel.push({\n      id: item.id.toString(),\n      metadata: metaData,\n      caption: item.name,\n      checkbox: checkbox,\n      checked: item.checked,\n      order: order,\n      selected: item.selected,\n      expanded: expanded,\n      startImgSrc: icon,\n      items: !leaf\n        ? convertItemsListToTreeViewModel(item.nodes, checkboxType)\n        : null,\n      leaf: leaf\n    });\n  });\n\n  return itemsListTreeViewModel;\n};\n\nconst findItemNode = (id: string, item: ItemNode): ItemNode | null => {\n  if (item.id === id) {\n    return item;\n  }\n\n  if (item.nodes) {\n    for (const itemNode of item.nodes) {\n      const result = findItemNode(id, itemNode);\n      if (result) {\n        return result;\n      }\n    }\n  }\n  return null;\n};\n\nfunction findItemInArray(itemsNodes: ItemNode[], id: string): ItemNode | null {\n  for (const item of itemsNodes) {\n    const result = findItemNode(id, item);\n    if (result) {\n      return result;\n    }\n  }\n  return null;\n}\nconst setAllLeafsCheckedFalse = (itemsList: ItemNode[]): ItemNode[] => {\n  const uncheck = (itemNode: ItemNode) => {\n    itemNode.checked = false;\n    if (itemNode.nodes?.length) {\n      itemNode.nodes.forEach(childNode => uncheck(childNode));\n    }\n  };\n\n  itemsList.forEach(item => uncheck(item));\n  return itemsList;\n};\n\nexport const unselectAllNodes = (itemsList: ItemNode[]) => {\n  const unselect = (itemNode: ItemNode) => {\n    itemNode.selected = false;\n    if (itemNode.nodes?.length) {\n      itemNode.nodes.forEach(childNode => unselect(childNode));\n    }\n  };\n\n  itemsList.forEach(item => unselect(item));\n};\n\nexport const checkItems = (\n  itemsList: ItemNode[],\n  idsChecked: string[]\n): ItemNode[] => {\n  setAllLeafsCheckedFalse(itemsList);\n  idsChecked.forEach(id => {\n    const itemFind = findItemInArray(itemsList, id);\n    if (itemFind) {\n      itemFind.checked = true;\n    }\n  });\n\n  return itemsList;\n};\n\nexport const expandItems = (\n  itemsList: ItemNode[],\n  idsChecked: string[]\n): ItemNode[] => {\n  idsChecked.forEach(id => {\n    const itemFind = findItemInArray(itemsList, id);\n    if (itemFind) {\n      itemFind.expanded = true;\n    }\n  });\n\n  return itemsList;\n};\n\nexport const selectItems = (\n  itemsList: ItemNode[],\n  idsSelected: string[]\n): ItemNode[] => {\n  idsSelected.forEach(id => {\n    const itemFind = findItemInArray(itemsList, id);\n    if (itemFind) {\n      itemFind.selected = true;\n    }\n  });\n  return itemsList;\n};\n\nfunction searchInNode(item: ItemNode, id: string): string[] | null {\n  // If the current node is the searched node, we return an empty list (it has no parents in this branch)\n  if (item.id === id) {\n    return [];\n  }\n\n  // We traverse each child looking for the target node\n  if (item.nodes?.length) {\n    for (const node of item.nodes) {\n      const parents = searchInNode(node, id);\n      if (parents !== null) {\n        // If we find it, we include the current node at the beginning of the path and return\n        return [item.id, ...parents];\n      }\n    }\n  }\n  return null;\n}\n\nexport const searchParentsItems = (\n  items: ItemNode[],\n  ids: string[]\n): string[] | null => {\n  const parents: string[] = [];\n  for (const id of ids) {\n    for (const rootItem of items) {\n      const results = searchInNode(rootItem, id);\n      if (results !== null) {\n        results.forEach(result => {\n          parents.push(result);\n        });\n      }\n    }\n  }\n  return parents;\n};\n",":host {\n  display: grid;\n  block-size: 100%;\n  grid-template-rows: max-content 1fr max-content;\n}\n\n.section {\n  display: contents;\n}\n\n// header\n.view-mode__toggle-checkboxes {\n  grid-template-columns: max-content max-content;\n}\n.field__items-view-type {\n  align-items: center;\n  .label {\n    margin-block-start: 0 !important; // WA to center label with radio-group\n  }\n}\n.field__toggle-checkboxes {\n  .label {\n    margin-block-start: 0 !important; // WA to center label with radio-group\n  }\n}\n","import {\n  Component,\n  Element,\n  getAssetPath,\n  Host,\n  h,\n  Prop,\n  State,\n  Watch,\n  Method\n} from \"@stencil/core\";\n\nimport {\n  ChCheckboxCustomEvent,\n  TreeViewItemModel,\n  TreeViewItemModelExtended\n} from \"@genexus/chameleon-controls-library\";\n\nimport {\n  checkItems,\n  convertItemsListToTreeViewModel,\n  convertItemsNodeListToFlattenedTreeViewModel,\n  expandItems,\n  searchParentsItems,\n  selectItems,\n  unselectAllNodes\n} from \"./helpers\";\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\nimport { Locale } from \"../../common/locale\";\nimport { ContextMenuInfo } from \"../../common/types\";\nimport { RadioGroupItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/radio-group/types\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"chameleon/scrollbar\",\n  \"components/tooltip\",\n  \"components/tree-view\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/spacing\",\n  \"utils/typography\"\n];\n\nconst SYSTEM_SEARCH_ICON = getIconPath({\n  category: \"system\",\n  name: \"search\",\n  colorType: \"on-surface\"\n});\n\nconst VIEW_AS_TREE_ID: NodesVersionsViewType = \"tree\";\nconst VIEW_AS_LIST_ID: NodesVersionsViewType = \"list\";\n\nconst TOGGLE_CHECKBOXES_CHECKED_VALUE = \"on\";\n\n@Component({\n  tag: \"gx-ide-select-kb-items\",\n  styleUrl: \"select-kb-items.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/select-kb-items\"]\n})\nexport class GxIdeSelectKbItems {\n  #_componentLocale: any;\n  #checkedNodesIds: string[] = [];\n  #chShortcutsEl: HTMLChShortcutsElement;\n  #selectedNodesIds: string[] = [];\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/select-kb-items/shortcuts.json`\n  );\n  #updatedModelList: ItemNode[] = [];\n\n  #viewItemsAsModel: RadioGroupItemModel[];\n\n  @Element() el: HTMLGxIdeSelectKbItemsElement;\n  #treeViewRenderEl: HTMLChTreeViewRenderElement;\n\n  /**\n   * Represents the nodes list model\n   */\n  @State() nodeListFlattenedTreeModel: TreeViewItemModel[] = [];\n\n  /**\n   * View type for the nodes.\n   */\n  @State() nodesVersionsViewType: NodesVersionsViewType = \"tree\";\n\n  /**\n   * Represents the nodes tree model\n   */\n  @State() nodeVersionsListTreeModel: TreeViewItemModel[] = [];\n\n  /**\n   * \"Search Pattern\" input value, used to filter the nodes tree/list.\n   */\n  @State() searchPatternValue: string = null;\n\n  /**\n   * It maps to the ch-tree-view-render \"toggleCheckboxes\" property.\n   */\n  @State() toggleCheckboxes: boolean = true;\n\n  /**\n   * Callback emitted when the 'cancel' button is pressed\n   */\n  @Prop() readonly cancelCallback?: () => Promise<void>;\n  /**\n   * Defines which nodes of the component have checkboxes.\n   */\n  @Prop() readonly checkboxType: CheckboxType;\n\n  /**\n   * Callback emitted when the items checked items change\n   */\n  @Prop() readonly checkedChanged?: (checkedItems: string[]) => Promise<void>;\n\n  /**\n   * Callback emitted when the 'select' button is pressed\n   */\n  @Prop() readonly confirmCallback?: (checkedItems: string[]) => Promise<void>;\n\n  /**\n   * Set of additional actions (callbacks) to those already provided by default by the selector (cancelCallback and selectCallback)\n   */\n  @Prop() readonly dialogActions: DialogAction[] = [];\n\n  /**\n   * Callback emitted when the user right click on an item\n   */\n  @Prop() readonly itemContextMenuCallback: (\n    info: ContextMenuInfo\n  ) => Promise<void>;\n\n  /**\n   * Represents the itemLis list model\n   */\n  @Prop() readonly itemsList: ItemNode[] = [];\n\n  @Watch(\"itemsList\")\n  watchNodeListHandler(newItemsList: ItemNode[]) {\n    this.#updateViews(newItemsList);\n  }\n\n  /**\n   * This define if the selection is unique or not\n   */\n  @Prop() readonly multiSelection?: boolean = false;\n\n  /**\n   * Callback emitted when the items selection change\n   */\n  @Prop() readonly selectionChanged?: (selectedItem: string[]) => Promise<void>;\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n    this.#viewItemsAsModel = [\n      { value: VIEW_AS_TREE_ID, caption: this.#_componentLocale.main.tree },\n      { value: VIEW_AS_LIST_ID, caption: \"List\" }\n    ];\n    this.watchNodeListHandler(this.itemsList);\n  }\n\n  /**\n   * Suspends or reactivates the shortcuts\n   */\n  @Method()\n  async suspendShortcuts(suspendShortcuts: boolean) {\n    if (suspendShortcuts) {\n      this.#chShortcutsEl.suspend = true;\n    } else {\n      this.#chShortcutsEl.suspend = false;\n    }\n  }\n\n  /**\n   * Allow to update the selected items\n   */\n  @Method()\n  async updateSelection(selectedItemsIds: string[]) {\n    // first clear selected\n    this.#treeViewRenderEl.updateItemsProperties(this.#selectedNodesIds, {\n      selected: false\n    });\n    // then select\n    this.#treeViewRenderEl.updateItemsProperties(selectedItemsIds, {\n      selected: true\n    });\n  }\n\n  #cancelHandler = () => {\n    if (this.cancelCallback) {\n      this.cancelCallback();\n    }\n  };\n\n  #checkedItemsChangeHandler = async (\n    e: CustomEvent<Map<string, TreeViewItemModelExtended>>\n  ) => {\n    const checkedNodesIds: string[] = [];\n    e.detail.forEach(node => {\n      node.item.checked && checkedNodesIds.push(node.item.id);\n    });\n    this.#checkedNodesIds = checkedNodesIds;\n    this.#updatedModelList = checkItems(this.itemsList, this.#checkedNodesIds);\n\n    if (this.checkedChanged) {\n      this.checkedChanged(this.#checkedNodesIds);\n    }\n  };\n\n  #confirmHandler = () => {\n    if (this.confirmCallback) {\n      this.confirmCallback(this.#checkedNodesIds);\n    }\n  };\n\n  #contextMenuHandler = async (\n    e: CustomEvent<{\n      id: string;\n      itemRef: HTMLChTreeViewItemElement;\n      metadata: string;\n      contextmenuEvent: PointerEvent;\n    }>\n  ) => {\n    if (this.itemContextMenuCallback) {\n      let info: ContextMenuInfo;\n      const isSelected = this.#selectedNodesIds.find(id => id === e.detail.id);\n      if (!this.#selectedNodesIds.length || !isSelected) {\n        await this.#treeViewRenderEl.updateItemsProperties(\n          this.#selectedNodesIds,\n          { selected: false }\n        );\n        await this.#treeViewRenderEl.updateItemsProperties([e.detail.id], {\n          selected: true\n        });\n        info = {\n          clientX: e.detail.contextmenuEvent.clientX,\n          clientY: e.detail.contextmenuEvent.clientY,\n          selection: [e.detail.id]\n        };\n      } else {\n        info = {\n          clientX: e.detail.contextmenuEvent.clientX,\n          clientY: e.detail.contextmenuEvent.clientY,\n          selection: this.#selectedNodesIds\n        };\n      }\n      this.itemContextMenuCallback(info);\n    }\n  };\n\n  #executeDialogAction = (\n    callback: (checkedNodesIds: string[], selectedNodesIds: string[]) => void\n  ) => {\n    return () => {\n      callback(this.#checkedNodesIds, this.#selectedNodesIds);\n    };\n  };\n\n  #patternSearchValueChangedHandler = (\n    event: CustomEvent<string> | InputEvent\n  ) => {\n    this.searchPatternValue = event.detail.toString();\n  };\n\n  #renderActionButtons = (): HTMLElement[] => {\n    return (\n      <div>\n        {this.dialogActions.map(action => {\n          return (\n            <button\n              class={\"button-tertiary\"}\n              part={`button button-${action.name}`}\n              onClick={this.#executeDialogAction(action.callback)}\n            >\n              {action.name}\n            </button>\n          );\n        })}\n      </div>\n    );\n  };\n\n  #renderFooter = (): HTMLElement => {\n    return (\n      <footer class=\"footer control-footer-with-border spacing-body-inline spacing-body-block-end control-footer-space-between\">\n        {this.#renderActionButtons()}\n        <div class=\"buttons-spacer \">\n          {this.cancelCallback && (\n            <button\n              class={\"button-secondary\"}\n              part={\"cancel-button\"}\n              onClick={this.#cancelHandler}\n            >\n              {this.#_componentLocale.footer.cancel}\n            </button>\n          )}\n          {this.confirmCallback && (\n            <button\n              class={\"button-primary\"}\n              part={\"confirm-button\"}\n              onClick={this.#confirmHandler}\n            >\n              {this.#_componentLocale.footer.select}\n            </button>\n          )}\n        </div>\n      </footer>\n    );\n  };\n\n  #selectedItemsChangeHandler = (\n    e: CustomEvent<TreeViewItemModelExtended[]>\n  ) => {\n    const selectedNodesIds: string[] = [];\n    unselectAllNodes(this.itemsList);\n    e.detail.forEach(node => {\n      selectedNodesIds.push(node.item.id);\n    });\n    this.#selectedNodesIds = selectedNodesIds;\n    if (this.selectionChanged) {\n      this.selectionChanged(this.#selectedNodesIds);\n    }\n\n    this.#updatedModelList = selectItems(this.itemsList, selectedNodesIds);\n  };\n\n  #toggleAndSelectNodesInModelItems = async (selectedItemsIds: string[]) => {\n    const nodesToToggle = searchParentsItems(this.itemsList, selectedItemsIds);\n    const newItemsSelected = selectItems(this.itemsList, selectedItemsIds);\n    const newItemsExpanded = expandItems(newItemsSelected, nodesToToggle);\n    this.#updateViews(newItemsExpanded);\n  };\n\n  #toggleCheckedNodesInModelItems = async (selectedItemsIds: string[]) => {\n    const nodesToToggle = searchParentsItems(this.itemsList, selectedItemsIds);\n    const newItemsExpanded = expandItems(this.itemsList, nodesToToggle);\n    this.#updateViews(newItemsExpanded);\n  };\n\n  #updateViews = (newItemsList: ItemNode[]) => {\n    this.nodeVersionsListTreeModel = convertItemsListToTreeViewModel(\n      newItemsList,\n      this.checkboxType\n    );\n\n    this.nodeListFlattenedTreeModel =\n      convertItemsNodeListToFlattenedTreeViewModel(\n        newItemsList,\n        this.checkboxType\n      );\n  };\n\n  #viewItemsAsChangedHandler = async (event: CustomEvent<string>) => {\n    const selectedViewType = event.detail as NodesVersionsViewType;\n    this.nodesVersionsViewType = selectedViewType;\n    if (this.nodesVersionsViewType === \"tree\") {\n      await this.#toggleAndSelectNodesInModelItems(this.#selectedNodesIds);\n      await this.#toggleCheckedNodesInModelItems(this.#checkedNodesIds);\n    }\n    this.#updateViews(this.#updatedModelList);\n  };\n\n  #toggleCheckboxesChangedHandler = (\n    event: ChCheckboxCustomEvent<string> | InputEvent\n  ) => {\n    this.toggleCheckboxes = event.detail === TOGGLE_CHECKBOXES_CHECKED_VALUE;\n  };\n\n  render() {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-shortcuts\n          src={this.#shortcutsSrc}\n          ref={(el: HTMLChShortcutsElement) =>\n            (this.#chShortcutsEl = el as HTMLChShortcutsElement)\n          }\n        ></ch-shortcuts>\n        <section class=\"section\">\n          <header class=\"control-header field-group spacing-body-block-start spacing-body-inline\">\n            <div class=\"field-group view-mode__toggle-checkboxes\">\n              <div class=\"field field-inline field__items-view-type\">\n                <label class=\"label\" htmlFor=\"view-mode\">\n                  Select view mode:\n                </label>\n                <ch-radio-group-render\n                  class=\"radio-group\"\n                  id=\"view-mode\"\n                  model={this.#viewItemsAsModel}\n                  onChange={this.#viewItemsAsChangedHandler}\n                  value={this.#viewItemsAsModel[0].value}\n                ></ch-radio-group-render>\n              </div>\n\n              <div class=\"field field-inline field__toggle-checkboxes\">\n                <label\n                  class=\"label\"\n                  htmlFor=\"control-id-1\"\n                  htmlfor=\"toggle-checkboxes\"\n                >\n                  Toggle Checkboxes\n                </label>\n                <ch-checkbox\n                  class=\"checkbox\"\n                  id=\"toggle-checkboxes\"\n                  checkedValue={TOGGLE_CHECKBOXES_CHECKED_VALUE}\n                  value={TOGGLE_CHECKBOXES_CHECKED_VALUE}\n                  onInput={this.#toggleCheckboxesChangedHandler}\n                ></ch-checkbox>\n              </div>\n            </div>\n\n            <ch-edit\n              class=\"input pattern-filter\"\n              placeholder={\n                this.#_componentLocale.header.searchPatternPlaceholder\n              }\n              startImgSrc={SYSTEM_SEARCH_ICON}\n              onInput={this.#patternSearchValueChangedHandler}\n            ></ch-edit>\n          </header>\n\n          <div class=\"spacing-body-inline-start trees\">\n            <ch-tree-view-render\n              class=\"tree-view\"\n              model={\n                this.nodesVersionsViewType === \"tree\"\n                  ? this.nodeVersionsListTreeModel\n                  : this.nodeListFlattenedTreeModel\n              }\n              show-lines={\n                this.nodesVersionsViewType === \"tree\" ? \"all\" : \"none\"\n              }\n              expandableButton={\n                this.nodesVersionsViewType === \"tree\" ? \"decorative\" : \"no\"\n              }\n              onItemContextmenu={this.#contextMenuHandler}\n              onCheckedItemsChange={this.#checkedItemsChangeHandler}\n              onSelectedItemsChange={this.#selectedItemsChangeHandler}\n              multiSelection={this.multiSelection}\n              filter={this.searchPatternValue}\n              filterType=\"caption\"\n              toggleCheckboxes={this.toggleCheckboxes}\n              ref={(el: HTMLChTreeViewRenderElement) => {\n                this.#treeViewRenderEl = el as HTMLChTreeViewRenderElement;\n              }}\n            ></ch-tree-view-render>\n          </div>\n          {this.#renderFooter()}\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type CheckboxType = \"none\" | \"all\" | \"leaf\" | \"custom\";\n\nexport type DialogAction = {\n  name: string;\n  callback: DialogActionCallback;\n};\n\nexport type DialogActionCallback = (...args: any[]) => void;\n\nexport type ItemCommon = {\n  icon: string;\n  expanded: boolean;\n};\n\nexport type ItemNode = {\n  checkbox?: boolean;\n  checked?: boolean;\n  expanded?: boolean;\n  icon?: string;\n  id: string;\n  name: string;\n  nodes?: ItemNode[];\n  selected?: boolean;\n  type: ItemType;\n};\n\nexport type ItemType = {\n  id: string;\n  name: string;\n};\n\ntype NodesVersionsViewType = \"tree\" | \"list\";\n"],"mappings":"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"}

package/dist/types/components/select-kb-items/helpers.d.ts

@@ -0,0 +1,9 @@
+import { ItemNode, CheckboxType } from "./select-kb-items";
+import { TreeViewItemModel } from "@genexus/chameleon-controls-library";
+export declare const convertItemsNodeListToFlattenedTreeViewModel: (itemsList: ItemNode[], checkboxType: CheckboxType) => TreeViewItemModel[];
+export declare const convertItemsListToTreeViewModel: (itemsList: ItemNode[], checkboxType: CheckboxType) => TreeViewItemModel[];
+export declare const unselectAllNodes: (itemsList: ItemNode[]) => void;
+export declare const checkItems: (itemsList: ItemNode[], idsChecked: string[]) => ItemNode[];
+export declare const expandItems: (itemsList: ItemNode[], idsChecked: string[]) => ItemNode[];
+export declare const selectItems: (itemsList: ItemNode[], idsSelected: string[]) => ItemNode[];
+export declare const searchParentsItems: (items: ItemNode[], ids: string[]) => string[] | null;

package/dist/types/components/select-kb-items/select-kb-items.d.ts

@@ -0,0 +1,100 @@
+import { TreeViewItemModel } from "@genexus/chameleon-controls-library";
+import { ContextMenuInfo } from "../../common/types";
+export declare class GxIdeSelectKbItems {
+    #private;
+    el: HTMLGxIdeSelectKbItemsElement;
+    /**
+     * Represents the nodes list model
+     */
+    nodeListFlattenedTreeModel: TreeViewItemModel[];
+    /**
+     * View type for the nodes.
+     */
+    nodesVersionsViewType: NodesVersionsViewType;
+    /**
+     * Represents the nodes tree model
+     */
+    nodeVersionsListTreeModel: TreeViewItemModel[];
+    /**
+     * "Search Pattern" input value, used to filter the nodes tree/list.
+     */
+    searchPatternValue: string;
+    /**
+     * It maps to the ch-tree-view-render "toggleCheckboxes" property.
+     */
+    toggleCheckboxes: boolean;
+    /**
+     * Callback emitted when the 'cancel' button is pressed
+     */
+    readonly cancelCallback?: () => Promise<void>;
+    /**
+     * Defines which nodes of the component have checkboxes.
+     */
+    readonly checkboxType: CheckboxType;
+    /**
+     * Callback emitted when the items checked items change
+     */
+    readonly checkedChanged?: (checkedItems: string[]) => Promise<void>;
+    /**
+     * Callback emitted when the 'select' button is pressed
+     */
+    readonly confirmCallback?: (checkedItems: string[]) => Promise<void>;
+    /**
+     * Set of additional actions (callbacks) to those already provided by default by the selector (cancelCallback and selectCallback)
+     */
+    readonly dialogActions: DialogAction[];
+    /**
+     * Callback emitted when the user right click on an item
+     */
+    readonly itemContextMenuCallback: (info: ContextMenuInfo) => Promise<void>;
+    /**
+     * Represents the itemLis list model
+     */
+    readonly itemsList: ItemNode[];
+    watchNodeListHandler(newItemsList: ItemNode[]): void;
+    /**
+     * This define if the selection is unique or not
+     */
+    readonly multiSelection?: boolean;
+    /**
+     * Callback emitted when the items selection change
+     */
+    readonly selectionChanged?: (selectedItem: string[]) => Promise<void>;
+    componentWillLoad(): Promise<void>;
+    /**
+     * Suspends or reactivates the shortcuts
+     */
+    suspendShortcuts(suspendShortcuts: boolean): Promise<void>;
+    /**
+     * Allow to update the selected items
+     */
+    updateSelection(selectedItemsIds: string[]): Promise<void>;
+    render(): any;
+}
+export type CheckboxType = "none" | "all" | "leaf" | "custom";
+export type DialogAction = {
+    name: string;
+    callback: DialogActionCallback;
+};
+export type DialogActionCallback = (...args: any[]) => void;
+export type ItemCommon = {
+    icon: string;
+    expanded: boolean;
+};
+export type ItemNode = {
+    checkbox?: boolean;
+    checked?: boolean;
+    expanded?: boolean;
+    icon?: string;
+    id: string;
+    name: string;
+    nodes?: ItemNode[];
+    selected?: boolean;
+    type: ItemType;
+};
+export type ItemType = {
+    id: string;
+    name: string;
+};
+type NodesVersionsViewType = "tree" | "list";
+export {};

package/dist/types/components/team-dev/create-kb-from-server/create-kb-from-server.d.ts

@@ -66,7 +66,7 @@ export type KBData = {
 export type KBVersion = {
     id: number;
     name: string;
-    type: VersionType;
+    type?: VersionType;
 };
 export type ConnectionResultData = {
     formResult: FormSubmitResult;
@@ -76,7 +76,7 @@ export type KnowledgeBaseInfo = {
     selectedKB: string;
     versionSelected: VersionOption;
     localKBName: string;
-    versionList: string[];
+    versionList: KBVersion[];
 };
 export type VersionOption = "Trunk" | "All" | "Select";
 export type VersionType = "Branch" | "Frozen";