@genexus/genexus-ide-ui 1.1.60 → 1.1.62

package/dist/genexus-ide-ui/p-714b37c0.js

@@ -1,159 +0,0 @@
-import { h as e } from "./p-9b9ccd0c.js";
-
-/* STENCIL IMPORTS */ const renderFormItems = (r = "gxg-combo-box-item", a, t = "undefined-group", i) => {
-  if (a.length) {
-    const c = [];
-    a.forEach((a => {
-      let n;
-      switch (r) {
-       case "gxg-form-checkbox":
-        n = e("gxg-form-checkbox", {
-          checkboxId: a.id,
-          checked: a.checked,
-          disabled: a.disabled,
-          label: a.label,
-          value: a.value,
-          onChange: i ? i : null,
-          iconName: a.iconName,
-          part: `${t}-${a.id}`
-        });
-        c.push(n);
-        break;
-
-       case "gxg-combo-box-item":
-        n = e("gxg-combo-box-item", {
-          value: a.id,
-          icon: a.iconName,
-          part: `${t}-${a.id}`
-        }, a.label);
-        c.push(n);
-        break;
-
-       case "gxg-form-radio":
-        n = e("gxg-form-radio", {
-          radioId: a.id,
-          checked: a.checked,
-          disabled: a.disabled,
-          label: a.label,
-          value: a.value,
-          name: t,
-          part: `${t}-${a.id}`
-        });
-        c.push(n);
-        break;
-      }
-    }));
-    return c;
-  }
-  return null;
-};
-
-const renderModuleDataProperties = r => {
-  if (r.length) {
-    const a = [];
-    r.forEach((r => {
-      if (Array.isArray(r.value)) {
-        const t = e("div", {
-          class: "md-property__list"
-        }, e("p", {
-          class: "md-property__key"
-        }, r.name, " :"), e("ul", null, r.value.map((r => e("li", null, r)))));
-        a.push(t);
-      } else {
-        const t = e("div", {
-          class: r.inline ? "md-property md-property--inline" : "md-property--block"
-        }, e("p", {
-          class: "md-property__key"
-        }, r.name, " :"), e("p", {
-          class: "md-property__value"
-        }, r.value));
-        a.push(t);
-      }
-    }));
-    return a;
-  }
-  return null;
-};
-
-/**
- * @param gxOptions An array of GxOptions's
- * @returns The value of the selected item, or the first item, if no one is selected.
- */ const getSelectedItem = e => {
-  const r = e.find((e => e.selected));
-  if (r) {
-    return r.id;
-  } else {
-    return e[0].id;
-  }
-};
-
-const setSelectedItem = (e, r) => e.map((e => Object.assign(Object.assign({}, e), {
-  selected: e.id === r
-})))
-// Dots animation used in ch-chat code-render (or other components)
-;
-
-const ANIMATION_DOTS = (r = "regular", a = "primary", t = "dynamic", i = "1s") => {
-  const c = r === "regular" ? 1.5 : 4;
-  let n, l, o;
-  if (a === "nexa") {
-    n = "#5ba7ff";
-    l = "#00CCFF";
-    o = "#CF7AFF";
-  } else if (a === "on-surface") {
-    n = l = o = "var(--mer-text__on-surface)";
-  } else {
-    // primary
-    n = l = o = "var(--mer-color__primary--200)";
-  }
-  const animateRadiusSize = (r = "0") => e("animate", {
-    attributeName: "r",
-    values: `${2 / c};${4 / c};${2 / c}`,
-    dur: i,
-    begin: r,
-    repeatCount: "indefinite"
-  });
-  return e("svg", {
-    width: 36 / c,
-    height: 8 / c,
-    fill: "transparent"
-  }, e("circle", {
-    cx: 4 / c,
-    cy: 4 / c,
-    r: 4 / c,
-    opacity: "0",
-    fill: n
-  }, e("animate", {
-    attributeName: "opacity",
-    values: "0;1;0",
-    dur: i,
-    repeatCount: "indefinite"
-  }), t === "dynamic" ? animateRadiusSize("0") : null), e("circle", {
-    cx: 18 / c,
-    cy: 4 / c,
-    r: 4 / c,
-    opacity: "0",
-    fill: l
-  }, e("animate", {
-    attributeName: "opacity",
-    values: "0;1;0",
-    dur: i,
-    begin: "0.15s",
-    repeatCount: "indefinite"
-  }), t === "dynamic" ? animateRadiusSize("0.33s") : null), e("circle", {
-    cx: 32 / c,
-    cy: 4 / c,
-    r: 4 / c,
-    opacity: "0",
-    fill: o
-  }, e("animate", {
-    attributeName: "opacity",
-    values: "0;1;0",
-    dur: i,
-    begin: "0.30s",
-    repeatCount: "indefinite"
-  }), t === "dynamic" ? animateRadiusSize("0.66s") : null));
-};
-
-export { ANIMATION_DOTS as A, renderFormItems as a, getSelectedItem as g, renderModuleDataProperties as r, setSelectedItem as s };
-//# sourceMappingURL=p-714b37c0.js.map

package/dist/genexus-ide-ui/p-714b37c0.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["renderFormItems","componentType","options","group","callback","length","items","forEach","option","item","h","checkboxId","id","checked","disabled","label","value","onChange","iconName","part","push","icon","radioId","name","renderModuleDataProperties","Array","isArray","class","map","subItem","inline","getSelectedItem","gxOptions","found","find","selected","setSelectedItem","selectedItemId","Object","assign","ANIMATION_DOTS","size","color","sizeType","duration","n","colorDot1","colorDot2","colorDot3","animateRadiusSize","begin","attributeName","values","dur","repeatCount","width","height","fill","cx","cy","r","opacity"],"sources":["src/common/common.tsx"],"sourcesContent":["/* STENCIL IMPORTS */\nimport { h } from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { GxgFormItemsArray, GxOption } from \"./types\";\nimport { ModulePropertyData } from \"../components/modules/types\";\nexport const renderFormItems = (\n  componentType:\n    | \"gxg-combo-box-item\"\n    | \"gxg-form-checkbox\"\n    | \"gxg-form-radio\" = \"gxg-combo-box-item\",\n  options: Array<GxOption>,\n  group = \"undefined-group\",\n  callback?: any\n): GxgFormItemsArray => {\n  if (options.length) {\n    const items: GxgFormItemsArray = [];\n    options.forEach(option => {\n      let item;\n      switch (componentType) {\n        case \"gxg-form-checkbox\":\n          item = (\n            <gxg-form-checkbox\n              checkboxId={option.id}\n              checked={option.checked}\n              disabled={option.disabled}\n              label={option.label}\n              value={option.value}\n              onChange={callback ? callback : null}\n              iconName={option.iconName}\n              part={`${group}-${option.id}`}\n            ></gxg-form-checkbox>\n          );\n          items.push(item);\n          break;\n        case \"gxg-combo-box-item\":\n          item = (\n            <gxg-combo-box-item\n              value={option.id}\n              icon={option.iconName}\n              part={`${group}-${option.id}`}\n            >\n              {option.label}\n            </gxg-combo-box-item>\n          );\n          items.push(item);\n          break;\n        case \"gxg-form-radio\":\n          item = (\n            <gxg-form-radio\n              radioId={option.id}\n              checked={option.checked}\n              disabled={option.disabled}\n              label={option.label}\n              value={option.value}\n              name={group}\n              part={`${group}-${option.id}`}\n            ></gxg-form-radio>\n          );\n          items.push(item);\n          break;\n        default:\n          break;\n      }\n    });\n    return items;\n  }\n  return null;\n};\n\nexport const renderModuleDataProperties = (\n  options: Array<ModulePropertyData>\n): ModulePropertyData[] => {\n  if (options.length) {\n    const items: ModulePropertyData[] = [];\n\n    options.forEach(option => {\n      if (Array.isArray(option.value)) {\n        const item = (\n          <div class=\"md-property__list\">\n            <p class=\"md-property__key\">{option.name} :</p>\n            <ul>\n              {option.value.map(subItem => {\n                return <li>{subItem}</li>;\n              })}\n            </ul>\n          </div>\n        );\n        items.push(item);\n      } else {\n        const item = (\n          <div\n            class={\n              option.inline\n                ? \"md-property md-property--inline\"\n                : \"md-property--block\"\n            }\n          >\n            <p class=\"md-property__key\">{option.name} :</p>\n            <p class=\"md-property__value\">{option.value}</p>\n          </div>\n        );\n        items.push(item);\n      }\n    });\n\n    return items;\n  }\n  return null;\n};\n\n/**\n * @param gxOptions An array of GxOptions's\n * @returns The first option in the array that is 'selected'. If no one found it returns null.\n */\nexport const getSelectedGxOption = (\n  gxOptions: GxOption[],\n  onlyId = true\n): GxOption | string | void => {\n  if (gxOptions?.length > 0) {\n    let found = null;\n    for (let i = 0; i < gxOptions.length; i++) {\n      if (gxOptions[i].selected) {\n        found = gxOptions[i];\n        break;\n      }\n    }\n    if (found && onlyId) {\n      return found.id;\n    } else if (!found && onlyId) {\n      return gxOptions[0].id;\n    }\n    return found;\n  }\n};\n\n/**\n * @param gxOptions An array of GxOptions's\n * @returns The value of the selected item, or the first item, if no one is selected.\n */\nexport const getSelectedItem = (gxOptions: GxOption[]): string => {\n  const found = gxOptions.find(item => item.selected);\n  if (found) {\n    return found.id;\n  } else {\n    return gxOptions[0].id;\n  }\n};\n\nexport const setSelectedItem = (\n  gxOptions: GxOption[],\n  selectedItemId: string\n): GxOption[] =>\n  gxOptions.map(item => ({\n    ...item,\n    selected: item.id === selectedItemId\n  }));\n\nexport const getSelectedItem2 = (\n  gxOptions: GxOption[] | undefined\n): string | undefined =>\n  gxOptions\n    ? (gxOptions.find(item => item.selected) ?? gxOptions[0]).id\n    : undefined;\n\n// Dots animation used in ch-chat code-render (or other components)\nexport const ANIMATION_DOTS = (\n  size: \"regular\" | \"tiny\" = \"regular\",\n  color: \"primary\" | \"on-surface\" | \"nexa\" = \"primary\",\n  sizeType: \"static\" | \"dynamic\" = \"dynamic\",\n  duration: string = \"1s\"\n): SVGElement => {\n  const n = size === \"regular\" ? 1.5 : 4;\n  let colorDot1, colorDot2, colorDot3;\n  if (color === \"nexa\") {\n    colorDot1 = \"#5ba7ff\";\n    colorDot2 = \"#00CCFF\";\n    colorDot3 = \"#CF7AFF\";\n  } else if (color === \"on-surface\") {\n    colorDot1 = colorDot2 = colorDot3 = \"var(--mer-text__on-surface)\";\n  } else {\n    // primary\n    colorDot1 = colorDot2 = colorDot3 = \"var(--mer-color__primary--200)\";\n  }\n\n  const animateRadiusSize = (begin: string = \"0\") => {\n    return (\n      <animate\n        attributeName=\"r\"\n        values={`${2 / n};${4 / n};${2 / n}`}\n        dur={duration}\n        begin={begin}\n        repeatCount=\"indefinite\"\n      />\n    );\n  };\n\n  return (\n    <svg width={36 / n} height={8 / n} fill=\"transparent\">\n      <circle cx={4 / n} cy={4 / n} r={4 / n} opacity=\"0\" fill={colorDot1}>\n        <animate\n          attributeName=\"opacity\"\n          values=\"0;1;0\"\n          dur={duration}\n          repeatCount=\"indefinite\"\n        />\n        {sizeType === \"dynamic\" ? animateRadiusSize(\"0\") : null}\n      </circle>\n      <circle cx={18 / n} cy={4 / n} r={4 / n} opacity=\"0\" fill={colorDot2}>\n        <animate\n          attributeName=\"opacity\"\n          values=\"0;1;0\"\n          dur={duration}\n          begin=\"0.15s\"\n          repeatCount=\"indefinite\"\n        />\n        {sizeType === \"dynamic\" ? animateRadiusSize(\"0.33s\") : null}\n      </circle>\n      <circle cx={32 / n} cy={4 / n} r={4 / n} opacity=\"0\" fill={colorDot3}>\n        <animate\n          attributeName=\"opacity\"\n          values=\"0;1;0\"\n          dur={duration}\n          begin=\"0.30s\"\n          repeatCount=\"indefinite\"\n        />\n        {sizeType === \"dynamic\" ? animateRadiusSize(\"0.66s\") : null}\n      </circle>\n    </svg>\n  );\n};\n"],"mappings":"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"}

package/dist/genexus-ide-ui/p-a4b820e5.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ALL_VALUE","CSS_SELECTORS","HEADER","HEADER_DETAILS","FILTER","MAIN","GRID_CELL_DESCRIPTION","ICONS","add","getIconPath","category","name","colorType","edit","error","filter","filterWithConditions","info","refresh","search","success","substract","warning","BUTTON_ACTION_SELECTOR","COLUMNS_IDS","action","description","lastSynchronized","localState","modifiedOn","module","status","type","renderStateCellContent","componentLocale","icon","caption","iconColor","states","deleted","inserted","modified","conflicted","h","class","src","style","backgroundColor","renderObjectStatus","objectId","objectsStatusMap","updatePillAsButton","commitSingleObject","get","commit","classes","pill","onClick","renderTabularGridRows","pendingObjectsAfterFilter","ignoredObjectsAfterFilter","alreadyUpdatedObjectsIdsSet","markedObjectsSet","objectsMessagesDataMap","searchValue","objects","toLowerCase","filteredRows","map","object","alreadyUpdated","has","id","hideCheckbox","marked","messages","key","rowid","ref","el","setAttribute","size","hiChar","renderObjectTypeWithIcon","CLASSES","formatDate","state","length","message","MESSAGE_ICON","text","renderTabularGridColumns","ignoredGridColumns","gridIsEmpty","sortTabularGridColumnCallback","columnSelectorClickedCallback","showRichRowSelector","colSize","config","tabularGrid","auto","maxContent","includes","columnId","columnName","columnType","richRowSelector","richRowSelectorMode","settingable","sortable","onColumnSortChanged","onColumnSelectorClicked"],"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"],"mappings":"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"}