@genexus/genexus-ide-ui 1.1.40 → 1.1.42

package/dist/cjs/tabular-grid-render-4350dbaf.js

@@ -0,0 +1,223 @@
+'use strict';
+
+const index = require('./index-2f1471c9.js');
+const MERCURY_ASSETS = require('./MERCURY_ASSETS-f14e91ff.js');
+const utilities = require('./utilities-0e316b39.js');
+const helpers = require('./helpers-21c9cd02.js');
+const helpers$1 = require('./helpers-8fb178a2.js');
+const config = require('./config-df6ba4e9.js');
+
+const ALL_VALUE = "All";
+const CSS_SELECTORS = {
+    HEADER: "header spacing-body-inline spacing-body-block-start field-group",
+    HEADER_DETAILS: "header__details",
+    FILTER: "filter",
+    MAIN: "main spacing-body",
+    GRID_CELL_DESCRIPTION: "tabular-grid-cell-description-custom-selector"
+};
+const ICONS = {
+    add: MERCURY_ASSETS.getIconPath({
+        category: "system",
+        name: "add",
+        colorType: "on-elevation"
+    }),
+    edit: MERCURY_ASSETS.getIconPath({
+        category: "system",
+        name: "edit",
+        colorType: "on-elevation"
+    }),
+    error: MERCURY_ASSETS.getIconPath({
+        category: "system",
+        name: "error",
+        colorType: "error"
+    }),
+    filter: MERCURY_ASSETS.getIconPath({
+        category: "window-tools",
+        name: "filter",
+        colorType: "neutral"
+    }),
+    filterWithConditions: MERCURY_ASSETS.getIconPath({
+        category: "window-tools",
+        name: "filter-conditions",
+        colorType: "neutral"
+    }),
+    info: MERCURY_ASSETS.getIconPath({
+        category: "system",
+        name: "information",
+        colorType: "on-elevation"
+    }),
+    refresh: MERCURY_ASSETS.getIconPath({
+        category: "gemini-tools",
+        name: "reset",
+        colorType: "neutral"
+    }),
+    search: MERCURY_ASSETS.getIconPath({
+        category: "system",
+        name: "search",
+        colorType: "on-elevation"
+    }),
+    success: MERCURY_ASSETS.getIconPath({
+        category: "system",
+        name: "check",
+        colorType: "success"
+    }),
+    substract: MERCURY_ASSETS.getIconPath({
+        category: "system",
+        name: "substract",
+        colorType: "on-elevation"
+    }),
+    warning: MERCURY_ASSETS.getIconPath({
+        category: "system",
+        name: "warning",
+        colorType: "warning"
+    })
+};
+
+// stencil
+const BUTTON_ACTION_SELECTOR = "button-action-custom-selector";
+const COLUMNS_IDS = {
+    action: "action",
+    description: "description",
+    lastSynchronized: "lastSynchronized",
+    localState: "localState",
+    modifiedOn: "modifiedOn",
+    module: "module",
+    name: "name",
+    status: "status",
+    type: "type"
+};
+const renderStateCellContent = (action, componentLocale) => {
+    let icon;
+    let caption;
+    let iconColor;
+    if (action === "deleted") {
+        icon = ICONS.substract;
+        caption = componentLocale.states.deleted;
+        iconColor = "--mer-icon__error";
+    }
+    else if (action === "inserted") {
+        icon = ICONS.add;
+        caption = componentLocale.states.inserted;
+        iconColor = "--mer-icon__success";
+    }
+    else if (action === "modified") {
+        icon = ICONS.edit;
+        caption = componentLocale.states.modified;
+        iconColor = "--mer-icon__warning";
+    }
+    else if (action === "conflicted") {
+        icon = ICONS.warning;
+        caption = componentLocale.states.conflicted;
+        iconColor = "--mer-icon__warning";
+    }
+    else if (!action) {
+        // proably is "ignored"
+        return null;
+    }
+    return (index.h("span", { class: "custom-icon-text-wrapper" },
+        index.h("ch-image", { type: "mask", class: "icon-md", src: icon, style: { backgroundColor: `var(${iconColor})` } }),
+        `${caption}`));
+};
+const renderObjectStatus = (objectId, objectsStatusMap, updatePillAsButton, commitSingleObject, componentLocale) => {
+    const status = objectsStatusMap.get(objectId);
+    const caption = status === "pending" && updatePillAsButton
+        ? componentLocale.status.commit
+        : componentLocale.status[status];
+    if (status === "commiting") {
+        return index.h("span", { class: "spinner-caption" }, caption);
+    }
+    const classes = `pill pill--${status}`;
+    if (updatePillAsButton && status === "pending") {
+        return (index.h("button", { class: {
+                "button-secondary": true,
+                "button-icon-and-text": true,
+                "pill": true,
+                "pill--update": true,
+                [BUTTON_ACTION_SELECTOR]: true
+            }, onClick: commitSingleObject(objectId) }, caption));
+    }
+    else {
+        return index.h("span", { class: classes }, caption);
+    }
+};
+const renderTabularGridRows = (type, pendingObjectsAfterFilter, ignoredObjectsAfterFilter, alreadyUpdatedObjectsIdsSet, markedObjectsSet, objectsMessagesDataMap, updatePillAsButton, commitSingleObject, objectsStatusMap, searchValue, componentLocale) => {
+    let objects;
+    if (type === "pending") {
+        objects = pendingObjectsAfterFilter;
+    }
+    else if (type === "ignored") {
+        objects = ignoredObjectsAfterFilter;
+    }
+    searchValue = searchValue.toLowerCase();
+    const filteredRows = objects.map(object => {
+        const alreadyUpdated = alreadyUpdatedObjectsIdsSet.has(object.id);
+        const hideCheckbox = alreadyUpdated || type === "ignored";
+        const marked = markedObjectsSet.has(object.id);
+        const messages = objectsMessagesDataMap.get(object.id);
+        return (index.h("ch-tabular-grid-row", { class: "tabular-grid-row", key: object.id, rowid: object.id, ref: (el) => marked && (el === null || el === void 0 ? void 0 : el.setAttribute("marked", "true")) },
+            index.h("ch-tabular-grid-cell", { "cell-type": "rich", "row-selector": "true", class: {
+                    "tabular-grid-cell": true,
+                    "no-checkbox-custom-selector": hideCheckbox
+                }, size: "max-content" },
+                index.h("div", null, helpers$1.hiChar(object.name, searchValue))),
+            index.h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, utilities.renderObjectTypeWithIcon(object.type)),
+            index.h("ch-tabular-grid-cell", { class: {
+                    "tabular-grid-cell": true,
+                    [CSS_SELECTORS.GRID_CELL_DESCRIPTION]: true
+                } },
+                index.h("div", null, helpers$1.hiChar(object.description, searchValue))),
+            index.h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, helpers.formatDate(object.modifiedOn)),
+            index.h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, object.module),
+            index.h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, renderStateCellContent(object.state, componentLocale)),
+            index.h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, helpers.formatDate(object.lastSynchronized)),
+            index.h("ch-tabular-grid-cell", { class: "tabular-grid-cell tabular-grid-cell--for-pill" }, renderObjectStatus(object.id, objectsStatusMap, updatePillAsButton, commitSingleObject, componentLocale)),
+            (messages === null || messages === void 0 ? void 0 : messages.length) && (index.h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" },
+                index.h("ch-tabular-grid-rowset-empty", { class: {
+                        "tabular-grid-rowset-empty": true
+                    } },
+                    index.h("ul", { class: "messages-list" }, messages.map(message => {
+                        let MESSAGE_ICON;
+                        if (message.type === "error") {
+                            MESSAGE_ICON = ICONS.error;
+                        }
+                        else if (message.type === "warning") {
+                            MESSAGE_ICON = ICONS.warning;
+                        }
+                        else if (message.type === "success") {
+                            MESSAGE_ICON = ICONS.success;
+                        }
+                        else {
+                            // info
+                            MESSAGE_ICON = ICONS.info;
+                        }
+                        return (index.h("li", { class: "message-description" },
+                            index.h("ch-image", { class: "icon-md message-icon", src: MESSAGE_ICON }),
+                            message.text));
+                    })))))));
+    });
+    return filteredRows;
+};
+const renderTabularGridColumns = (ignoredGridColumns, gridIsEmpty = false, sortTabularGridColumnCallback, columnSelectorClickedCallback, componentLocale, showRichRowSelector) => {
+    const colSize = gridIsEmpty
+        ? config.config.tabularGrid.colSize.auto
+        : config.config.tabularGrid.colSize.maxContent;
+    return (index.h("ch-tabular-grid-columnset", { class: "tabular-grid-column-set" },
+        !ignoredGridColumns.includes("name") && (index.h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: COLUMNS_IDS.name, columnName: componentLocale.objects.name, columnType: "rich", richRowSelector: showRichRowSelector, richRowSelectorMode: "mark", settingable: false, sortable: true, onColumnSortChanged: sortTabularGridColumnCallback, onColumnSelectorClicked: columnSelectorClickedCallback, size: colSize })),
+        !ignoredGridColumns.includes("type") && (index.h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: COLUMNS_IDS.type, columnName: componentLocale.objects.type, settingable: false, sortable: true, onColumnSortChanged: sortTabularGridColumnCallback, size: colSize })),
+        !ignoredGridColumns.includes("description") && (index.h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: COLUMNS_IDS.description, columnName: componentLocale.objects.description, settingable: false, sortable: true, onColumnSortChanged: sortTabularGridColumnCallback, size: config.config.tabularGrid.colSize.description })),
+        !ignoredGridColumns.includes("modifiedOn") && (index.h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: COLUMNS_IDS.modifiedOn, columnName: componentLocale.objects.modifiedOn, sortable: true, onColumnSortChanged: sortTabularGridColumnCallback, settingable: false, size: colSize })),
+        !ignoredGridColumns.includes("module") && (index.h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: COLUMNS_IDS.module, columnName: componentLocale.objects.module, sortable: true, onColumnSortChanged: sortTabularGridColumnCallback, settingable: false, size: colSize })),
+        !ignoredGridColumns.includes("localState") && (index.h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: COLUMNS_IDS.localState, columnName: componentLocale.objects.localState, sortable: false, settingable: false, size: colSize })),
+        !ignoredGridColumns.includes("lastSynchronized") && (index.h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: COLUMNS_IDS.lastSynchronized, columnName: componentLocale.objects.lastSynchronized, settingable: false, sortable: true, onColumnSortChanged: sortTabularGridColumnCallback, size: colSize })),
+        !ignoredGridColumns.includes("action") && (index.h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: COLUMNS_IDS.action, columnName: componentLocale.objects.action, sortable: false, settingable: false, size: colSize })),
+        !ignoredGridColumns.includes("status") && (index.h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: COLUMNS_IDS.status, columnName: componentLocale.objects.status, sortable: false, settingable: false, size: gridIsEmpty ? "auto" : "100px" }))));
+};
+
+exports.ALL_VALUE = ALL_VALUE;
+exports.COLUMNS_IDS = COLUMNS_IDS;
+exports.CSS_SELECTORS = CSS_SELECTORS;
+exports.ICONS = ICONS;
+exports.renderTabularGridColumns = renderTabularGridColumns;
+exports.renderTabularGridRows = renderTabularGridRows;
+
+//# sourceMappingURL=tabular-grid-render-4350dbaf.js.map

package/dist/cjs/tabular-grid-render-4350dbaf.js.map

@@ -0,0 +1 @@
+{"file":"tabular-grid-render-4350dbaf.js","mappings":"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","names":["getIconPath","h","hiChar","renderObjectTypeWithIcon","CLASSES","formatDate","config"],"sources":["src/components/team-dev/version-control/common/constants.ts","src/components/team-dev/version-control/common/tabular-grid-render.tsx"],"sourcesContent":["import { getIconPath } from \"@genexus/mercury\";\n\nexport const ALL_VALUE = \"All\";\nexport const ALL_MODULES = \"All Modules\";\nexport const ALL_TYPES = \"All Types\";\n\nexport const CSS_SELECTORS = {\n  HEADER: \"header spacing-body-inline spacing-body-block-start field-group\",\n  HEADER_DETAILS: \"header__details\",\n  FILTER: \"filter\",\n  MAIN: \"main spacing-body\",\n  GRID_CELL_DESCRIPTION: \"tabular-grid-cell-description-custom-selector\"\n};\n\nconst ICONS = {\n  add: getIconPath({\n    category: \"system\",\n    name: \"add\",\n    colorType: \"on-elevation\"\n  }),\n  edit: getIconPath({\n    category: \"system\",\n    name: \"edit\",\n    colorType: \"on-elevation\"\n  }),\n  error: getIconPath({\n    category: \"system\",\n    name: \"error\",\n    colorType: \"error\"\n  }),\n  filter: getIconPath({\n    category: \"window-tools\",\n    name: \"filter\",\n    colorType: \"neutral\"\n  }),\n  filterWithConditions: getIconPath({\n    category: \"window-tools\",\n    name: \"filter-conditions\",\n    colorType: \"neutral\"\n  }),\n  info: getIconPath({\n    category: \"system\",\n    name: \"information\",\n    colorType: \"on-elevation\"\n  }),\n  refresh: getIconPath({\n    category: \"gemini-tools\",\n    name: \"reset\",\n    colorType: \"neutral\"\n  }),\n  search: getIconPath({\n    category: \"system\",\n    name: \"search\",\n    colorType: \"on-elevation\"\n  }),\n  success: getIconPath({\n    category: \"system\",\n    name: \"check\",\n    colorType: \"success\"\n  }),\n  substract: getIconPath({\n    category: \"system\",\n    name: \"substract\",\n    colorType: \"on-elevation\"\n  }),\n  warning: getIconPath({\n    category: \"system\",\n    name: \"warning\",\n    colorType: \"warning\"\n  })\n};\nexport default ICONS;\n","// stencil\nimport { h, JSX } from \"@stencil/core\";\n\n// external libraries\nimport HTMLChTabularGridRowElement from \"@genexus/chameleon-controls-library/dist/types/components/tabular-grid/row/tabular-grid-row\";\n\n// local\nimport {\n  MessageData,\n  ModifiedObjectData,\n  SourceType,\n  StatusInternal\n} from \"./types\";\nimport { ObjectState } from \"../common/types\";\nimport ICONS from \"./constants\";\nimport { renderObjectTypeWithIcon } from \"../../common/utilities\";\nimport { formatDate } from \"../../../../common/helpers\";\nimport { CSS_SELECTORS as CLASSES } from \"./constants\";\nimport { hiChar } from \"../../../ww-files/helpers\";\nimport { config } from \"../../../../common/config\";\nimport {\n  TabularGridColumnSelectorClickedEvent,\n  TabularGridColumnSortChangedEvent\n} from \"@genexus/chameleon-controls-library\";\n\nconst BUTTON_ACTION_SELECTOR = \"button-action-custom-selector\";\nexport const COLUMNS_IDS = {\n  action: \"action\",\n  description: \"description\",\n  lastSynchronized: \"lastSynchronized\",\n  localState: \"localState\",\n  modifiedOn: \"modifiedOn\",\n  module: \"module\",\n  name: \"name\",\n  status: \"status\",\n  type: \"type\"\n};\n\nconst renderStateCellContent = (\n  action: ObjectState,\n  componentLocale: any\n): JSX.Element[] | null | string => {\n  let icon: string;\n  let caption: string;\n  let iconColor: string;\n\n  if (action === \"deleted\") {\n    icon = ICONS.substract;\n    caption = componentLocale.states.deleted;\n    iconColor = \"--mer-icon__error\";\n  } else if (action === \"inserted\") {\n    icon = ICONS.add;\n    caption = componentLocale.states.inserted;\n    iconColor = \"--mer-icon__success\";\n  } else if (action === \"modified\") {\n    icon = ICONS.edit;\n    caption = componentLocale.states.modified;\n    iconColor = \"--mer-icon__warning\";\n  } else if (action === \"conflicted\") {\n    icon = ICONS.warning;\n    caption = componentLocale.states.conflicted;\n    iconColor = \"--mer-icon__warning\";\n  } else if (!action) {\n    // proably is \"ignored\"\n    return null;\n  }\n\n  return (\n    <span class=\"custom-icon-text-wrapper\">\n      <ch-image\n        type=\"mask\"\n        class=\"icon-md\"\n        src={icon}\n        style={{ backgroundColor: `var(${iconColor})` }}\n      ></ch-image>\n      {`${caption}`}\n    </span>\n  );\n};\n\nconst renderObjectStatus = (\n  objectId: string,\n  objectsStatusMap: Map<string, StatusInternal>,\n  updatePillAsButton: boolean,\n  commitSingleObject: (objectId: string) => () => void,\n  componentLocale: any\n): JSX.Element[] => {\n  const status = objectsStatusMap.get(objectId);\n  const caption =\n    status === \"pending\" && updatePillAsButton\n      ? componentLocale.status.commit\n      : componentLocale.status[status];\n\n  if (status === \"commiting\") {\n    return <span class=\"spinner-caption\">{caption}</span>;\n  }\n\n  const classes = `pill pill--${status}`;\n  if (updatePillAsButton && status === \"pending\") {\n    return (\n      <button\n        class={{\n          \"button-secondary\": true,\n          \"button-icon-and-text\": true,\n          \"pill\": true,\n          \"pill--update\": true,\n          [BUTTON_ACTION_SELECTOR]: true\n        }}\n        onClick={commitSingleObject(objectId)}\n      >\n        {caption}\n      </button>\n    );\n  } else {\n    return <span class={classes}>{caption}</span>;\n  }\n};\n\nconst renderTabularGridRows = (\n  type: SourceType,\n  pendingObjectsAfterFilter: ModifiedObjectData[],\n  ignoredObjectsAfterFilter: ModifiedObjectData[],\n  alreadyUpdatedObjectsIdsSet: Set<string>,\n  markedObjectsSet: Set<string>,\n  objectsMessagesDataMap: Map<string, MessageData[]>,\n  updatePillAsButton: boolean,\n  commitSingleObject: (objectId: string) => () => void,\n  objectsStatusMap: Map<string, StatusInternal>,\n  searchValue: string,\n  componentLocale: any\n): HTMLChTabularGridRowElement[] => {\n  let objects: ModifiedObjectData[];\n  if (type === \"pending\") {\n    objects = pendingObjectsAfterFilter;\n  } else if (type === \"ignored\") {\n    objects = ignoredObjectsAfterFilter;\n  }\n\n  searchValue = searchValue.toLowerCase();\n\n  const filteredRows = objects.map(object => {\n    const alreadyUpdated = alreadyUpdatedObjectsIdsSet.has(object.id);\n    const hideCheckbox = alreadyUpdated || type === \"ignored\";\n    const marked = markedObjectsSet.has(object.id);\n    const messages = objectsMessagesDataMap.get(object.id);\n\n    return (\n      <ch-tabular-grid-row\n        class=\"tabular-grid-row\"\n        key={object.id}\n        rowid={object.id}\n        ref={(el: HTMLElement) => marked && el?.setAttribute(\"marked\", \"true\")}\n      >\n        <ch-tabular-grid-cell\n          cell-type=\"rich\"\n          row-selector=\"true\"\n          class={{\n            \"tabular-grid-cell\": true,\n            \"no-checkbox-custom-selector\": hideCheckbox\n          }}\n          size=\"max-content\"\n        >\n          <div\n          // This div is a WA to prevent the cell display:flex to\n          // apply columns when hiChar is applied. hiChar creates\n          // a span for every match.\n          >\n            {hiChar(object.name, searchValue)}\n          </div>\n          {/* {object.name} */}\n        </ch-tabular-grid-cell>\n        <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n          {renderObjectTypeWithIcon(object.type)}\n        </ch-tabular-grid-cell>\n        <ch-tabular-grid-cell\n          class={{\n            \"tabular-grid-cell\": true,\n            [CLASSES.GRID_CELL_DESCRIPTION]: true\n          }}\n        >\n          <div\n          // This div is a WA to prevent the cell display:flex to\n          // apply columns when hiChar is applied. hiChar creates\n          // a span for every match.\n          >\n            {hiChar(object.description, searchValue)}\n          </div>\n        </ch-tabular-grid-cell>\n        <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n          {formatDate(object.modifiedOn)}\n        </ch-tabular-grid-cell>\n        <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n          {object.module}\n        </ch-tabular-grid-cell>\n        <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n          {renderStateCellContent(object.state, componentLocale)}\n        </ch-tabular-grid-cell>\n        <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n          {formatDate(object.lastSynchronized)}\n        </ch-tabular-grid-cell>\n        <ch-tabular-grid-cell class=\"tabular-grid-cell tabular-grid-cell--for-pill\">\n          {renderObjectStatus(\n            object.id,\n            objectsStatusMap,\n            updatePillAsButton,\n            commitSingleObject,\n            componentLocale\n          )}\n        </ch-tabular-grid-cell>\n\n        {messages?.length && (\n          <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n            <ch-tabular-grid-rowset-empty\n              class={{\n                \"tabular-grid-rowset-empty\": true\n              }}\n            >\n              <ul class=\"messages-list\">\n                {messages.map(message => {\n                  let MESSAGE_ICON;\n                  if (message.type === \"error\") {\n                    MESSAGE_ICON = ICONS.error;\n                  } else if (message.type === \"warning\") {\n                    MESSAGE_ICON = ICONS.warning;\n                  } else if (message.type === \"success\") {\n                    MESSAGE_ICON = ICONS.success;\n                  } else {\n                    // info\n                    MESSAGE_ICON = ICONS.info;\n                  }\n\n                  return (\n                    <li class=\"message-description\">\n                      <ch-image\n                        class=\"icon-md message-icon\"\n                        src={MESSAGE_ICON}\n                      ></ch-image>\n                      {message.text}\n                    </li>\n                  );\n                })}\n              </ul>\n            </ch-tabular-grid-rowset-empty>\n          </ch-tabular-grid-rowset>\n        )}\n      </ch-tabular-grid-row>\n    );\n  });\n\n  return filteredRows;\n};\n\nexport default renderTabularGridRows;\n\nexport type GridColumnType =\n  | \"action\"\n  | \"description\"\n  | \"lastSynchronized\"\n  | \"localState\"\n  | \"modifiedOn\"\n  | \"module\"\n  | \"name\"\n  | \"status\"\n  | \"type\";\n\nexport type GridColumnSet = Partial<Record<GridColumnType, true>>;\n\nexport const renderTabularGridColumns = (\n  ignoredGridColumns: GridColumnType[],\n  gridIsEmpty: boolean = false,\n  sortTabularGridColumnCallback: (\n    e: CustomEvent<TabularGridColumnSortChangedEvent>\n  ) => void,\n  columnSelectorClickedCallback: (\n    e: CustomEvent<TabularGridColumnSelectorClickedEvent>\n  ) => void,\n  componentLocale: any,\n  showRichRowSelector: boolean\n): JSX.Element => {\n  const colSize = gridIsEmpty\n    ? config.tabularGrid.colSize.auto\n    : config.tabularGrid.colSize.maxContent;\n\n  return (\n    <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n      {!ignoredGridColumns.includes(\"name\") && (\n        <ch-tabular-grid-column\n          class=\"tabular-grid-column\"\n          columnId={COLUMNS_IDS.name}\n          columnName={componentLocale.objects.name}\n          columnType=\"rich\"\n          richRowSelector={showRichRowSelector}\n          richRowSelectorMode=\"mark\"\n          settingable={false}\n          sortable={true}\n          onColumnSortChanged={sortTabularGridColumnCallback}\n          onColumnSelectorClicked={columnSelectorClickedCallback}\n          size={colSize}\n        />\n      )}\n\n      {!ignoredGridColumns.includes(\"type\") && (\n        <ch-tabular-grid-column\n          class=\"tabular-grid-column\"\n          columnId={COLUMNS_IDS.type}\n          columnName={componentLocale.objects.type}\n          settingable={false}\n          sortable={true}\n          onColumnSortChanged={sortTabularGridColumnCallback}\n          size={colSize}\n        />\n      )}\n\n      {!ignoredGridColumns.includes(\"description\") && (\n        <ch-tabular-grid-column\n          class=\"tabular-grid-column\"\n          columnId={COLUMNS_IDS.description}\n          columnName={componentLocale.objects.description}\n          settingable={false}\n          sortable={true}\n          onColumnSortChanged={sortTabularGridColumnCallback}\n          size={config.tabularGrid.colSize.description}\n        />\n      )}\n\n      {!ignoredGridColumns.includes(\"modifiedOn\") && (\n        <ch-tabular-grid-column\n          class=\"tabular-grid-column\"\n          columnId={COLUMNS_IDS.modifiedOn}\n          columnName={componentLocale.objects.modifiedOn}\n          sortable={true}\n          onColumnSortChanged={sortTabularGridColumnCallback}\n          settingable={false}\n          size={colSize}\n        />\n      )}\n\n      {!ignoredGridColumns.includes(\"module\") && (\n        <ch-tabular-grid-column\n          class=\"tabular-grid-column\"\n          columnId={COLUMNS_IDS.module}\n          columnName={componentLocale.objects.module}\n          sortable={true}\n          onColumnSortChanged={sortTabularGridColumnCallback}\n          settingable={false}\n          size={colSize}\n        />\n      )}\n\n      {!ignoredGridColumns.includes(\"localState\") && (\n        <ch-tabular-grid-column\n          class=\"tabular-grid-column\"\n          columnId={COLUMNS_IDS.localState}\n          columnName={componentLocale.objects.localState}\n          sortable={false}\n          settingable={false}\n          size={colSize}\n        />\n      )}\n\n      {!ignoredGridColumns.includes(\"lastSynchronized\") && (\n        <ch-tabular-grid-column\n          class=\"tabular-grid-column\"\n          columnId={COLUMNS_IDS.lastSynchronized}\n          columnName={componentLocale.objects.lastSynchronized}\n          settingable={false}\n          sortable={true}\n          onColumnSortChanged={sortTabularGridColumnCallback}\n          size={colSize}\n        />\n      )}\n\n      {!ignoredGridColumns.includes(\"action\") && (\n        <ch-tabular-grid-column\n          class=\"tabular-grid-column\"\n          columnId={COLUMNS_IDS.action}\n          columnName={componentLocale.objects.action}\n          sortable={false}\n          settingable={false}\n          size={colSize}\n        />\n      )}\n\n      {!ignoredGridColumns.includes(\"status\") && (\n        <ch-tabular-grid-column\n          class=\"tabular-grid-column\"\n          columnId={COLUMNS_IDS.status}\n          columnName={componentLocale.objects.status}\n          sortable={false}\n          settingable={false}\n          size={gridIsEmpty ? \"auto\" : \"100px\"}\n        />\n      )}\n    </ch-tabular-grid-columnset>\n  );\n};\n"],"version":3}

package/dist/cjs/uncheck-ignored-77ca69fe.js

@@ -0,0 +1,43 @@
+'use strict';
+
+/**
+ * Compares two sets of string IDs and checks if they are identical.
+ *
+ * Two sets are considered identical if they have the same size and
+ * contain exactly the same elements, regardless of order.
+ *
+ * @param {Set<string>} a - The first set of string IDs.
+ * @param {Set<string>} b - The second set of string IDs.
+ * @returns {boolean} True if both sets are identical, false otherwise.
+ */
+const areSetsEqual = (a, b) => {
+    if (a.size !== b.size)
+        return false;
+    for (const value of a) {
+        if (!b.has(value))
+            return false;
+    }
+    return true;
+};
+
+/**
+ * WA: Ignored objects must always remain unchecked.
+ * Because `tabular-grid` selects all rows when the checkbox column is toggled,
+ * we need to manually unselect the ignored IDs.
+ *
+ * @param ignoredIds - Row IDs that must never be selected.
+ * @param tabularGridRef - Reference to the tabular-grid instance.
+ *
+ * TODO: Use the tabular grid render once available, and hopefully do not
+ * add a checkbox to the ignored objects rows.
+ */
+const uncheckIgnoredObjects = async (ignoredIds, tabularGridRef) => {
+    for (const ignoredId of ignoredIds) {
+        await tabularGridRef.markRow(ignoredId, false);
+    }
+};
+
+exports.areSetsEqual = areSetsEqual;
+exports.uncheckIgnoredObjects = uncheckIgnoredObjects;
+
+//# sourceMappingURL=uncheck-ignored-77ca69fe.js.map

package/dist/cjs/uncheck-ignored-77ca69fe.js.map

@@ -0,0 +1 @@
+{"file":"uncheck-ignored-77ca69fe.js","mappings":";;AAAA;;;;;;;;;;MAUM,YAAY,GAAG,CAAC,CAAc,EAAE,CAAc;IAClD,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI;QAAE,OAAO,KAAK,CAAC;IACpC,KAAK,MAAM,KAAK,IAAI,CAAC,EAAE;QACrB,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC;YAAE,OAAO,KAAK,CAAC;KACjC;IACD,OAAO,IAAI,CAAC;AACd;;AChBA;;;;;;;;;;;MAWM,qBAAqB,GAAG,OAC5B,UAAoB,EACpB,cAAwC;IAExC,KAAK,MAAM,SAAS,IAAI,UAAU,EAAE;QAClC,MAAM,cAAc,CAAC,OAAO,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;KAChD;AACH;;;;;","names":[],"sources":["src/components/team-dev/version-control/common/are-sets-equal.ts","src/components/team-dev/version-control/common/uncheck-ignored.ts"],"sourcesContent":["/**\n * Compares two sets of string IDs and checks if they are identical.\n *\n * Two sets are considered identical if they have the same size and\n * contain exactly the same elements, regardless of order.\n *\n * @param {Set<string>} a - The first set of string IDs.\n * @param {Set<string>} b - The second set of string IDs.\n * @returns {boolean} True if both sets are identical, false otherwise.\n */\nconst areSetsEqual = (a: Set<string>, b: Set<string>): boolean => {\n  if (a.size !== b.size) return false;\n  for (const value of a) {\n    if (!b.has(value)) return false;\n  }\n  return true;\n};\nexport default areSetsEqual;\n","/**\n * WA: Ignored objects must always remain unchecked.\n * Because `tabular-grid` selects all rows when the checkbox column is toggled,\n * we need to manually unselect the ignored IDs.\n *\n * @param ignoredIds - Row IDs that must never be selected.\n * @param tabularGridRef - Reference to the tabular-grid instance.\n *\n * TODO: Use the tabular grid render once available, and hopefully do not\n * add a checkbox to the ignored objects rows.\n */\nconst uncheckIgnoredObjects = async (\n  ignoredIds: string[],\n  tabularGridRef: HTMLChTabularGridElement\n) => {\n  for (const ignoredId of ignoredIds) {\n    await tabularGridRef.markRow(ignoredId, false);\n  }\n};\n\nexport default uncheckIgnoredObjects;\n"],"version":3}

package/dist/collection/common/chameleon/tabular-grid-column-sort.js

@@ -0,0 +1,39 @@
+const sortTabularGridColumn = (e, rowsArrayData, dateType = "string", objectProperty) => {
+    const { columnId, sortDirection } = e.detail;
+    // date or dateString
+    if (dateType === "date" || dateType === "dateString") {
+        return rowsArrayData.sort((a, b) => {
+            const columnA = a[columnId];
+            const columnB = b[columnId];
+            if (dateType === "dateString") {
+                a = new Date(columnA);
+                b = new Date(columnB);
+            }
+            if (columnA.getTime() < columnB.getTime()) {
+                return sortDirection === "asc" ? -1 : 1;
+            }
+            if (columnA.getTime() > columnB.getTime()) {
+                return sortDirection === "asc" ? 1 : -1;
+            }
+            return 0;
+        });
+    }
+    // string or objectProperty
+    return rowsArrayData.sort((a, b) => {
+        const columnA = objectProperty
+            ? a[columnId][objectProperty]
+            : a[columnId];
+        const columnB = objectProperty
+            ? b[columnId][objectProperty]
+            : b[columnId];
+        if (columnA < columnB) {
+            return sortDirection === "asc" ? -1 : 1;
+        }
+        if (columnA > columnB) {
+            return sortDirection === "asc" ? 1 : -1;
+        }
+        return 0;
+    });
+};
+export default sortTabularGridColumn;
+//# sourceMappingURL=tabular-grid-column-sort.js.map

package/dist/collection/common/chameleon/tabular-grid-column-sort.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabular-grid-column-sort.js","sourceRoot":"","sources":["../../../src/common/chameleon/tabular-grid-column-sort.ts"],"names":[],"mappings":"AAEA,MAAM,qBAAqB,GAAG,CAC5B,CAAiD,EACjD,aAAwB,EACxB,WAA0C,QAAQ,EAClD,cAAoB,EACb,EAAE;IACT,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC;IAE7C,qBAAqB;IACrB,IAAI,QAAQ,KAAK,MAAM,IAAI,QAAQ,KAAK,YAAY,EAAE;QACpD,OAAO,aAAa,CAAC,IAAI,CAAC,CAAC,CAAM,EAAE,CAAM,EAAE,EAAE;YAC3C,MAAM,OAAO,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC;YAC5B,MAAM,OAAO,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC;YAE5B,IAAI,QAAQ,KAAK,YAAY,EAAE;gBAC7B,CAAC,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC;gBACtB,CAAC,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC;aACvB;YAED,IAAI,OAAO,CAAC,OAAO,EAAE,GAAG,OAAO,CAAC,OAAO,EAAE,EAAE;gBACzC,OAAO,aAAa,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;aACzC;YACD,IAAI,OAAO,CAAC,OAAO,EAAE,GAAG,OAAO,CAAC,OAAO,EAAE,EAAE;gBACzC,OAAO,aAAa,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;aACzC;YACD,OAAO,CAAC,CAAC;QACX,CAAC,CAAC,CAAC;KACJ;IAED,2BAA2B;IAC3B,OAAO,aAAa,CAAC,IAAI,CAAC,CAAC,CAAM,EAAE,CAAM,EAAE,EAAE;QAC3C,MAAM,OAAO,GAAG,cAAc;YAC5B,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,cAAc,CAAC;YAC7B,CAAC,CAAE,CAAC,CAAC,QAAQ,CAAY,CAAC;QAC5B,MAAM,OAAO,GAAG,cAAc;YAC5B,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,cAAc,CAAC;YAC7B,CAAC,CAAE,CAAC,CAAC,QAAQ,CAAY,CAAC;QAE5B,IAAI,OAAO,GAAG,OAAO,EAAE;YACrB,OAAO,aAAa,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SACzC;QACD,IAAI,OAAO,GAAG,OAAO,EAAE;YACrB,OAAO,aAAa,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SACzC;QACD,OAAO,CAAC,CAAC;IACX,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC","sourcesContent":["import { TabularGridColumnSortChangedEvent } from \"@genexus/chameleon-controls-library\";\n\nconst sortTabularGridColumn = (\n  e: CustomEvent<TabularGridColumnSortChangedEvent>,\n  rowsArrayData: unknown[],\n  dateType: SortTabularGridColumnDataType = \"string\",\n  objectProperty?: any\n): any[] => {\n  const { columnId, sortDirection } = e.detail;\n\n  // date or dateString\n  if (dateType === \"date\" || dateType === \"dateString\") {\n    return rowsArrayData.sort((a: any, b: any) => {\n      const columnA = a[columnId];\n      const columnB = b[columnId];\n\n      if (dateType === \"dateString\") {\n        a = new Date(columnA);\n        b = new Date(columnB);\n      }\n\n      if (columnA.getTime() < columnB.getTime()) {\n        return sortDirection === \"asc\" ? -1 : 1;\n      }\n      if (columnA.getTime() > columnB.getTime()) {\n        return sortDirection === \"asc\" ? 1 : -1;\n      }\n      return 0;\n    });\n  }\n\n  // string or objectProperty\n  return rowsArrayData.sort((a: any, b: any) => {\n    const columnA = objectProperty\n      ? a[columnId][objectProperty]\n      : (a[columnId] as string);\n    const columnB = objectProperty\n      ? b[columnId][objectProperty]\n      : (b[columnId] as string);\n\n    if (columnA < columnB) {\n      return sortDirection === \"asc\" ? -1 : 1;\n    }\n    if (columnA > columnB) {\n      return sortDirection === \"asc\" ? 1 : -1;\n    }\n    return 0;\n  });\n};\n\nexport default sortTabularGridColumn;\n\nexport type SortTabularGridColumnDataType =\n  | \"string\"\n  | \"date\"\n  | \"dateString\"\n  | \"object\";\n"]}

package/dist/collection/components/team-dev/bring-changes/bring-changes.js

@@ -14,12 +14,14 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
         throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var _GxIdeTeamDevBringChanges_componentLocale, _GxIdeTeamDevBringChanges_commitLabel, _GxIdeTeamDevBringChanges_comboBoxStatesModel, _GxIdeTeamDevBringChanges_checkedObjectsIdsArray, _GxIdeTeamDevBringChanges_formatComments, _GxIdeTeamDevBringChanges_mergeCheckedClickedHandler, _GxIdeTeamDevBringChanges_mergeSingleObject, _GxIdeTeamDevBringChanges_renderActionCellContent, _GxIdeTeamDevBringChanges_renderCommitsNumbers, _GxIdeTeamDevBringChanges_renderFormatedDate, _GxIdeTeamDevBringChanges_renderObjectStateWithIcon, _GxIdeTeamDevBringChanges_renderObjectsRows, _GxIdeTeamDevBringChanges_rowContextMenuHandler, _GxIdeTeamDevBringChanges_rowMarkingChangedHandler, _GxIdeTeamDevBringChanges_searchInputHandler, _GxIdeTeamDevBringChanges_stateChangedHandler, _GxIdeTeamDevBringChanges_updateFilteredObjects;
+var _GxIdeTeamDevBringChanges_componentLocale, _GxIdeTeamDevBringChanges_commitLabel, _GxIdeTeamDevBringChanges_comboBoxStatesModel, _GxIdeTeamDevBringChanges_checkedObjectsIdsArray, _GxIdeTeamDevBringChanges_formatComments, _GxIdeTeamDevBringChanges_mergeCheckedClickedHandler, _GxIdeTeamDevBringChanges_mergeSingleObject, _GxIdeTeamDevBringChanges_renderActionCellContent, _GxIdeTeamDevBringChanges_renderCommitsNumbers, _GxIdeTeamDevBringChanges_renderFormatedDate, _GxIdeTeamDevBringChanges_renderObjectStateWithIcon, _GxIdeTeamDevBringChanges_renderObjectsRows, _GxIdeTeamDevBringChanges_rowContextMenuHandler, _GxIdeTeamDevBringChanges_rowMarkingChangedHandler, _GxIdeTeamDevBringChanges_searchInputHandler, _GxIdeTeamDevBringChanges_stateChangedHandler, _GxIdeTeamDevBringChanges_updateFilteredObjects, _GxIdeTeamDevBringChanges_sortTabularGridColumnCallback;
 import { Host, h } from "@stencil/core";
 import { getIconPath } from "@genexus/mercury";
 import { Locale } from "../../../common/locale";
 import { config } from "../../../common/config";
 import { renderObjectTypeWithIcon } from "../common/utilities";
+import { COLUMNS_IDS } from "../version-control/common/tabular-grid-render";
+import sortTabularGridColumn from "../../../common/chameleon/tabular-grid-column-sort";
 const CSS_BUNDLES = [
     "resets/box-sizing",
     "components/tabular-grid",
@@ -267,6 +269,18 @@ export class GxIdeTeamDevBringChanges {
             });
             this.objectsFiltered = filteredObjects;
         });
+        _GxIdeTeamDevBringChanges_sortTabularGridColumnCallback.set(this, (e) => {
+            const columnId = e.detail.columnId;
+            let objectProperty;
+            let dateType = "string";
+            if (columnId === COLUMNS_IDS.type) {
+                objectProperty = "name"; // the type name
+                dateType = "object";
+            }
+            this.objectsFiltered = [
+                ...sortTabularGridColumn(e, this.objectsFiltered, dateType, objectProperty)
+            ];
+        });
         this.alreadyMergedObjectsIdsArray = [];
         this.atLeastOneObjectIsChecked = false;
         this.loading = true;
@@ -427,10 +441,10 @@ export class GxIdeTeamDevBringChanges {
                 "objects-tabular-grid": true,
                 "disabled-custom-selector": this.merging,
                 "empty-result": this.objectsFiltered.length === 0
-            }, keyboardNavigationMode: "focus", rowSelectionMode: "multiple", onRowMarkingChanged: __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_rowMarkingChangedHandler, "f"), onRowContextMenu: __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_rowContextMenuHandler, "f"), ref: (el) => (this.tabularGridEl = el) }, h("ch-tabular-grid-columnset", { class: "tabular-grid-column-set" }, h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: "name", columnName: __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").objects.name, columnType: "rich", richRowSelector: enableRichRowSelector, richRowSelectorMode: "mark", settingable: false, size: "max-content" }), h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: "type", columnName: __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").objects.type, settingable: false, size: "max-content" }), h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: "description", columnName: __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").objects.description, settingable: false, size: config.tabularGrid.colSize.description }), h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: "action", columnName: __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").objects.action, settingable: false, size: "max-content" }), h("ch-tabular-grid-column", {
+            }, keyboardNavigationMode: "focus", rowSelectionMode: "multiple", onRowMarkingChanged: __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_rowMarkingChangedHandler, "f"), onRowContextMenu: __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_rowContextMenuHandler, "f"), ref: (el) => (this.tabularGridEl = el) }, h("ch-tabular-grid-columnset", { class: "tabular-grid-column-set" }, h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: COLUMNS_IDS.name, columnName: __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").objects.name, columnType: "rich", richRowSelector: enableRichRowSelector, richRowSelectorMode: "mark", settingable: false, sortable: true, onColumnSortChanged: __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_sortTabularGridColumnCallback, "f"), size: "max-content" }), h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: COLUMNS_IDS.type, columnName: __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").objects.type, settingable: false, sortable: true, onColumnSortChanged: __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_sortTabularGridColumnCallback, "f"), size: "max-content" }), h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: COLUMNS_IDS.description, columnName: __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").objects.description, settingable: false, sortable: true, onColumnSortChanged: __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_sortTabularGridColumnCallback, "f"), size: config.tabularGrid.colSize.description }), h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: COLUMNS_IDS.action, columnName: __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").objects.action, settingable: false, sortable: false, size: "max-content" }), h("ch-tabular-grid-column", {
             // size of this column should the enough for the largest pill, and no more.
             // this prevents layout shifts when pills state changes.
-            class: "tabular-grid-column", columnId: "status", columnName: __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").objects.status, settingable: false, size: "100px"
+            class: "tabular-grid-column", columnId: COLUMNS_IDS.status, columnName: __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").objects.status, settingable: false, sortable: false, size: "100px"
         })), __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_renderObjectsRows, "f").call(this), h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, this.objectsFiltered.length === 0 && (h("ch-tabular-grid-rowset-empty", null, h("gx-ide-empty-state", { class: "empty-state", isAnimated: true, stateIconSrc: FILTER_ICON, stateTitle: "No object matched your filter" })))))) : (h("gx-ide-loader", { cancelLabel: __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").loader.cancelLabel, loaderTitle: __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").loader.title, description: __classPrivateFieldGet(this, _GxIdeTeamDevBringChanges_componentLocale, "f").loader.description, show: true, class: "loader" }))))));
     }
     static get is() { return "gx-ide-team-dev-bring-changes"; }
@@ -694,5 +708,5 @@ export class GxIdeTeamDevBringChanges {
             }];
     }
 }
-_GxIdeTeamDevBringChanges_componentLocale = new WeakMap(), _GxIdeTeamDevBringChanges_commitLabel = new WeakMap(), _GxIdeTeamDevBringChanges_comboBoxStatesModel = new WeakMap(), _GxIdeTeamDevBringChanges_checkedObjectsIdsArray = new WeakMap(), _GxIdeTeamDevBringChanges_formatComments = new WeakMap(), _GxIdeTeamDevBringChanges_mergeCheckedClickedHandler = new WeakMap(), _GxIdeTeamDevBringChanges_mergeSingleObject = new WeakMap(), _GxIdeTeamDevBringChanges_renderActionCellContent = new WeakMap(), _GxIdeTeamDevBringChanges_renderCommitsNumbers = new WeakMap(), _GxIdeTeamDevBringChanges_renderFormatedDate = new WeakMap(), _GxIdeTeamDevBringChanges_renderObjectStateWithIcon = new WeakMap(), _GxIdeTeamDevBringChanges_renderObjectsRows = new WeakMap(), _GxIdeTeamDevBringChanges_rowContextMenuHandler = new WeakMap(), _GxIdeTeamDevBringChanges_rowMarkingChangedHandler = new WeakMap(), _GxIdeTeamDevBringChanges_searchInputHandler = new WeakMap(), _GxIdeTeamDevBringChanges_stateChangedHandler = new WeakMap(), _GxIdeTeamDevBringChanges_updateFilteredObjects = new WeakMap();
+_GxIdeTeamDevBringChanges_componentLocale = new WeakMap(), _GxIdeTeamDevBringChanges_commitLabel = new WeakMap(), _GxIdeTeamDevBringChanges_comboBoxStatesModel = new WeakMap(), _GxIdeTeamDevBringChanges_checkedObjectsIdsArray = new WeakMap(), _GxIdeTeamDevBringChanges_formatComments = new WeakMap(), _GxIdeTeamDevBringChanges_mergeCheckedClickedHandler = new WeakMap(), _GxIdeTeamDevBringChanges_mergeSingleObject = new WeakMap(), _GxIdeTeamDevBringChanges_renderActionCellContent = new WeakMap(), _GxIdeTeamDevBringChanges_renderCommitsNumbers = new WeakMap(), _GxIdeTeamDevBringChanges_renderFormatedDate = new WeakMap(), _GxIdeTeamDevBringChanges_renderObjectStateWithIcon = new WeakMap(), _GxIdeTeamDevBringChanges_renderObjectsRows = new WeakMap(), _GxIdeTeamDevBringChanges_rowContextMenuHandler = new WeakMap(), _GxIdeTeamDevBringChanges_rowMarkingChangedHandler = new WeakMap(), _GxIdeTeamDevBringChanges_searchInputHandler = new WeakMap(), _GxIdeTeamDevBringChanges_stateChangedHandler = new WeakMap(), _GxIdeTeamDevBringChanges_updateFilteredObjects = new WeakMap(), _GxIdeTeamDevBringChanges_sortTabularGridColumnCallback = new WeakMap();
 //# sourceMappingURL=bring-changes.js.map