@genexus/genexus-ide-ui 1.1.35 → 1.1.36

package/dist/collection/components/team-dev/version-control/common/tabular-grid-render.js

@@ -0,0 +1,112 @@
+// stencil
+import { h } from "@stencil/core";
+import ICONS from "./constants";
+import { renderObjectTypeWithIcon } from "../../common/utilities";
+import { formatDate } from "../../../../common/helpers";
+import { CSS_SELECTORS as CLASSES } from "./constants";
+import { hiChar } from "../../../ww-files/helpers";
+import { config } from "../../../../common/config";
+const BUTTON_ACTION_SELECTOR = "button-action-custom-selector";
+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 (h("span", { class: "custom-icon-text-wrapper" }, 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 h("span", { class: "spinner-caption" }, caption);
+    }
+    const classes = `pill pill--${status}`;
+    if (updatePillAsButton && status === "pending") {
+        return (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 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 (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")) }, h("ch-tabular-grid-cell", { "cell-type": "rich", "row-selector": "true", class: {
+                "tabular-grid-cell": true,
+                "no-checkbox-custom-selector": hideCheckbox
+            }, size: "max-content" }, h("div", null, hiChar(object.name, searchValue))), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, renderObjectTypeWithIcon(object.type)), h("ch-tabular-grid-cell", { class: {
+                "tabular-grid-cell": true,
+                [CLASSES.GRID_CELL_DESCRIPTION]: true
+            } }, h("div", null, hiChar(object.description, searchValue))), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, formatDate(object.modifiedOn)), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, object.module), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, renderStateCellContent(object.state, componentLocale)), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, formatDate(object.lastSynchronized)), 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) && (h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, h("ch-tabular-grid-rowset-empty", { class: {
+                "tabular-grid-rowset-empty": true
+            } }, 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 (h("li", { class: "message-description" }, h("ch-image", { class: "icon-md message-icon", src: MESSAGE_ICON }), message.text));
+        })))))));
+    });
+    // this.objectsRenderedAlready = true;
+    return filteredRows;
+};
+export default renderTabularGridRows;
+export const renderTabularGridColumns = (ignoredGridColumns, gridIsEmpty = false, componentLocale) => {
+    const colSize = gridIsEmpty
+        ? config.tabularGrid.colSize.auto
+        : config.tabularGrid.colSize.maxContent;
+    return (h("ch-tabular-grid-columnset", { class: "tabular-grid-column-set" }, !ignoredGridColumns.includes("name") && (h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: "name", columnName: componentLocale.objects.name, columnType: "rich", richRowSelector: true, richRowSelectorMode: "mark", settingable: false, size: colSize })), !ignoredGridColumns.includes("type") && (h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: "type", columnName: componentLocale.objects.type, settingable: false, size: colSize })), !ignoredGridColumns.includes("description") && (h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: "description", columnName: componentLocale.objects.description, settingable: false, size: config.tabularGrid.colSize.description })), !ignoredGridColumns.includes("modifiedOn") && (h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: "modifiedOn", columnName: componentLocale.objects.modifiedOn, settingable: false, size: colSize })), !ignoredGridColumns.includes("module") && (h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: "module", columnName: componentLocale.objects.module, settingable: false, size: colSize })), !ignoredGridColumns.includes("localState") && (h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: "localState", columnName: componentLocale.objects.localState, settingable: false, size: colSize })), !ignoredGridColumns.includes("lastSynchronized") && (h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: "lastSynchronized", columnName: componentLocale.objects.lastSynchronized, settingable: false, size: colSize })), !ignoredGridColumns.includes("action") && (h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: "action", columnName: componentLocale.objects.action, settingable: false, size: colSize })), !ignoredGridColumns.includes("status") && (h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: "status", columnName: componentLocale.objects.status, settingable: false, size: gridIsEmpty ? "auto" : "100px" }))));
+};
+//# sourceMappingURL=tabular-grid-render.js.map

package/dist/collection/components/team-dev/version-control/common/tabular-grid-render.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabular-grid-render.js","sourceRoot":"","sources":["../../../../../src/components/team-dev/version-control/common/tabular-grid-render.tsx"],"names":[],"mappings":"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","sourcesContent":["// 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\";\n\nconst BUTTON_ACTION_SELECTOR = \"button-action-custom-selector\";\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  // this.objectsRenderedAlready = true;\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  componentLocale: any\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=\"name\"\n          columnName={componentLocale.objects.name}\n          columnType=\"rich\"\n          richRowSelector={true}\n          richRowSelectorMode=\"mark\"\n          settingable={false}\n          size={colSize}\n        />\n      )}\n\n      {!ignoredGridColumns.includes(\"type\") && (\n        <ch-tabular-grid-column\n          class=\"tabular-grid-column\"\n          columnId=\"type\"\n          columnName={componentLocale.objects.type}\n          settingable={false}\n          size={colSize}\n        />\n      )}\n\n      {!ignoredGridColumns.includes(\"description\") && (\n        <ch-tabular-grid-column\n          class=\"tabular-grid-column\"\n          columnId=\"description\"\n          columnName={componentLocale.objects.description}\n          settingable={false}\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=\"modifiedOn\"\n          columnName={componentLocale.objects.modifiedOn}\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=\"module\"\n          columnName={componentLocale.objects.module}\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=\"localState\"\n          columnName={componentLocale.objects.localState}\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=\"lastSynchronized\"\n          columnName={componentLocale.objects.lastSynchronized}\n          settingable={false}\n          size={colSize}\n        />\n      )}\n\n      {!ignoredGridColumns.includes(\"action\") && (\n        <ch-tabular-grid-column\n          class=\"tabular-grid-column\"\n          columnId=\"action\"\n          columnName={componentLocale.objects.action}\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=\"status\"\n          columnName={componentLocale.objects.status}\n          settingable={false}\n          size={gridIsEmpty ? \"auto\" : \"100px\"}\n        />\n      )}\n    </ch-tabular-grid-columnset>\n  );\n};\n"]}

package/dist/collection/components/team-dev/version-control/common/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/components/team-dev/version-control/common/types.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n  ContextMenuInfo,\n  ItemsCheckedResult,\n  ItemsCheckedState,\n  ObjectType\n} from \"../../../../common/types\";\n\nimport { ALL_VALUE } from \"./constants\";\n\nexport type CommitSelectCallback = (\n  grid: SourceType,\n  selectionIds: string[]\n) => Promise<void>;\n\nexport type ObjectState = \"inserted\" | \"modified\" | \"deleted\" | \"conflicted\";\n\nexport type SourceType = \"pending\" | \"ignored\";\n\nexport type Status = \"pending\" | \"commited\" | \"ignored\";\n\nexport type StatusInternal = Status | \"commiting\" | \"ignored\";\n\nexport type StateForFilter = ObjectState | typeof ALL_VALUE;\n\nexport type ContextMenuCallback = (\n  source: SourceType,\n  contextMenuInfo: ContextMenuInfo\n) => Promise<void>;\n\n// callbacks\n\nexport type SelectCallback = (source: SourceType, selectionIds: string[]) => {};\n\nexport type PendingItemsCheckedCallback = (\n  pendingItemsCheckedState: ItemsCheckedState\n) => Promise<ItemsCheckedResult | undefined>;\n\nexport type LoadCallback = (filters: FiltersData) => Promise<CommitData>;\n\nexport interface CommitData {\n  pendingForCommit: ModifiedObjectData[];\n  ignoredObjects: ModifiedObjectData[];\n}\n\nexport type ModifiedObjectData = {\n  id: string;\n  name: string;\n  iconType: string;\n  state: ObjectState;\n  type: ObjectType;\n  description: string;\n  modifiedOn: Date;\n  module: string;\n  localState: ObjectState;\n  lastSynchronized: Date;\n  user: string;\n};\n\nexport interface FiltersData {\n  search: string;\n  type: string;\n  changeset: string;\n  folder: string;\n  category: string;\n}\n\nexport interface ServerDetails {\n  serverUrl: string;\n  kbName: string;\n  versionName: string;\n  lastFullUpdate?: Date;\n}\n\nexport type CommitCallback = (\n  selection: string[],\n  commitComment: string\n) => Promise<CommitResultData[]>;\n\nexport interface CommitResultData {\n  id: string;\n  result: Status;\n  messages: MessageData[];\n}\nexport interface MessageData {\n  type: \"info\" | \"success\" | \"warning\" | \"error\";\n  text: string;\n}\n"]}